meta | 易学教程

canvas使用

阅读更多关于 canvas使用

基本步骤类似于步骤1准备画布准备画布 <canvas></canvas>标签就是画布 canvas画布有默认大小默认350X150 设置canvas画布大小通常canvas是一个标签，可以在style canvas{width:xxxpx; height:xxpx} 但是不建议这样写不建议在样式设置尺寸我们可以在元素本身来设置 <canvas width="600" height="400"></canvas> 解释：不在样式表中设置canvas画布大小的原因在css中设置canvas尺寸 canvas{ border:1px solid black; width: 600px; height: 400px; } 同样类似下面在(100,100)的位置绘制一条直线此时可以发现原来300X150的框拉伸到600X400，同样原来100X100的点距离左边和上边同比例放大了。就好比于拉伸了图片，点的相对比例没变，而实际位置改变。所以在css样式中我们设置canvas的样式，而不是canvas的大小步骤2准备绘制工具，利用工具绘图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

Javascript page reload or Meta Tag refresh method?

阅读更多关于 Javascript page reload or Meta Tag refresh method?

问题 I looking to add a script to my aspx page that will refresh/reload the page every 15secs. There is dynamic data on my page that is sourced from Oracle. I found that I can use Javascript "reload" or the Meta Tag method, which is the best method to use to refresh a page with dynamic data? Thanks alot! 回答1: You can use <meta http-equiv="refresh" content="15"> but it has also drawbacks. For example if the user load the next page before 15 sec. You may get some anexpected browser reloads using

数组去重

阅读更多关于数组去重

数组去重就是将一个数组中的相同的元素删除，只保留其中的一个。这里的相同，其实是一个陷阱，有好多同学认为值相等即为相同，而忽略了类型的判断。下面介绍13种原生方式实现数组去重，当中涉及ES6，ES5两种标准，has，Map，filter，reduce，call，apply，set，push，from，indexOf，sort等函数，及函数式编程，原型函数，构造函数等概念。一、对象键值对解法解法1 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>对象键值对去重，适用于数组或者数组对象</title> </head> <body> 未区分数字和字符串，耗时13ms，超级快。 <script type="text/javascript"> function removeSame(arr) { // 构建一个新数组，存放结果 var newArray = []; //创建一个空对象 var object = {}; // for循环时，每次取出一个元素与对象进行对比 // 如果这个对象不重复，将它存放到结果数中 // 同时把这个元素的内容作为对象的一个属性，并赋值为true，存到对象中 for (var i = 0; i

文本环绕

阅读更多关于文本环绕

<!DOCTYPE html> <html lang= "en" > <head> <meta charset= "UTF-8" > <meta name= "viewport" content= "width=device-width, initial-scale=1.0" > <meta http-equiv= "X-UA-Compatible" content= "ie=edge" > <title>Document</title> </head> <body> <div style= "width: 300px;height: 300px;" > <div id= "box" style= "text-align: center;float: left;" > <img src= "xrk.png" alt= "" width= "100" height= "100" hspace= "10" vspace= "10" > <p style= "margin: 0;" >标题</p> </div> 啊,此情此景我想吟诗一首。。。豫章故郡，洪都新府。星分翼轸，地接衡庐。襟三江而带五湖，控蛮荆而引瓯越。物华天宝，龙光射牛斗之墟；人杰地灵，徐孺下陈蕃之榻。雄州雾列，俊采星驰。台隍枕夷夏之交，宾主尽东南之美。都督阎公之雅望，棨戟遥临；宇文新州之懿范，襜帷暂驻。十旬休假，胜友如云

两列右列宽度自适应

阅读更多关于两列右列宽度自适应

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>两列右列宽度自适应</title> <style> #left{ border:1px solid #fcc; height: 200px; float: left; width:300px } #right{ border :1px solid red; height: 200px; } </style> </head> <body> <div id="left"></div> <div id="right"></div> </body> </html> 来源： https://www.cnblogs.com/dabaixiong/p/12187317.html

两列

阅读更多关于两列

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>两列</title> <style> .container{ height: 1000px; width: 1000px; /* display: inline-block; */ position: relative; margin: 0 auto; border: 1px solid #fcc; /* text-align: center; */ } .box1{ border: 1px solid red; float:left; width: 30%; height: 100%; } .box2{ border: 1px solid blue; float:left; width: 60%; height: 100%; } .clearfix{ clear: both; } .box3{ border: 1px solid green; float:left; width: 60%;

TypeScript装饰器（decorators）

阅读更多关于 TypeScript装饰器（decorators）

装饰器是一种特殊类型的声明，它能够被附加到类声明，方法，访问符，属性或参数上，可以修改类的行为。装饰器使用 @expression这种形式，expression求值后必须为一个函数，它会在运行时被调用，被装饰的声明信息做为参数传入。例： @Path('/hello') class HelloService {} 在 TypeScript 中装饰器还属于实验性语法，所以要想使用必须在配置文件中 tsconfig.json 编译选项中开启： { "compilerOptions": { "experimentalDecorators": true } } 如何定义装饰器装饰器本身其实就是一个函数，理论上忽略参数的话，任何函数都可以当做装饰器使用。例： demo.ts function Path(target:any) { console.log("I am decorator.") } @Path class HelloService {} 使用 tsc 编译后,执行命令 node demo.js ，输出结果如下： I am decorator. 装饰器执行时机修饰器对类的行为的改变，是代码编译时发生的（不是TypeScript编译，而是js在执行机中编译阶段），而不是在运行时。这意味着，修饰器能在编译阶段运行代码。也就是说，修饰器本质就是编译时执行的函数。在Node

文件上传功能实现代码

阅读更多关于文件上传功能实现代码

单一文件上传：一、前台 uploadFile.jsp <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'uploadFile.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1

servlet 简单登录

阅读更多关于 servlet 简单登录

1、先创建web project，项目名为RegisterSystem， 2、在WebRoot 目录下创建login.jsp文件： [html] view plain copy <%@ page language= "java" import= "java.util.*" pageEncoding= "UTF-8"% > <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; % > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" > < html > < head > < base href= "<%=basePath%>" > < title >My JSP 'login.jsp' starting page </ title > < meta http-equiv= "pragma" content= "no-cache" > < meta http-equiv= "cache-control" content= "no-cache" > < meta http

goweb-动作

阅读更多关于 goweb-动作

go-模板引擎动作 Go 模板的动作就是一些嵌入到模板里面的命令，这些命令在模板中需要放到两个大括号里{{ 动作 }}，之前我们已经用过一个很重要的动作：点（.），它代表了传递给模板的数据。下面我们再介绍几个常用的动作，如果还想了解其他类型的动作，可以参考 text/template 库的文档。条件动作格式一： {{ if arg}} 要显示的内容 {{ end }} 格式二： {{ if arg}} 要显示的内容 {{else}} 当 if 条件不满足时要显示的内容 {{ end }} 其中的 arg 是传递给条件动作的参数，该值可以是一个字符串常量、一个变量、一个返回单个值的函数获取方法等。例如模板文件 <html> <head> <title>模板文件</title> <meta charset="utf-8" /> </head> <body>  {{if .}} 你已经成年了！ {{else}} 你还未成年 {{end}} </body> </html> 处理器端代码 func handler(w http.ResponseWriter, r *http.Request) { //解析模板文件 t := template.Must(template.ParseFiles("hello.html")) //声明一个变量 age :=

订阅 meta