随笔分类 - js
动态效果
摘要：canvas转换为dataURL (从canvas获取dataURL) var dataurl = canvas.toDataURL('image/png'); var dataurl2 = canvas.toDataURL('image/jpeg', 0.8); File对象转换为dataURL、
阅读全文
摘要：1、正则表达式基本语法 两个特殊的符号'^'和'$'。他们的作用是分别指出一个字符串的开始和结束。例子如下： "^The"：表示所有以"The"开始的字符串（"There"，"The cat"等）； "of despair$"：表示所以以"of despair"结尾的字符串； "^abc$"：表示开
阅读全文
摘要：在ES6前， 前端就使用RequireJS或者seaJS实现模块化， requireJS是基于AMD规范的模块化库， 而像seaJS是基于CMD规范的模块化库， 两者都是为了为了推广前端模块化的工具， 更多有关AMD和CMD的区别， 后面参考给了几个链接； 现在ES6自带了模块化， 也是JS第一次支
阅读全文
摘要：先回答我：为什么模块很重要？ 答：因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！ 于是下面三个模块规范出来了，这篇文章也出来了（拼出来的 {捂脸笑}）。 JS中的
阅读全文
摘要：跨域解决方案 1、 通过jsonp跨域2、 document.domain + iframe跨域3、 location.hash + iframe4、 window.name + iframe跨域5、 postMessage跨域6、 跨域资源共享（CORS）7、 nginx代理跨域8、 nodejs
阅读全文
摘要：//获取id元素信息let getId = (args) => { return document.getElementById(args);} //获取类名元素let getClassName = (args) => { if (document.getElementsByClassName) {
阅读全文
摘要：今天整个图片上传剪切的功能 我终于不负众望不卑不亢 毫无意外的没写上 写点新得 留给N年后爱看不看的自己 咋整呢 百度之 demo一下，我就知道 屁不多放 切入正题 在js运动时候要注意布局 布局写不好 js运动发颤 谁看了都哆嗦 父级元素为position:relative; 子集元素为posit
阅读全文
摘要：一：理解工厂模式 工厂模式类似于现实生活中的工厂可以产生大量相似的商品，去做同样的事情，实现同样的效果;这时候需要使用工厂模式。 简单的工厂模式可以理解为解决多个相似的问题;这也是她的优点;比如如下代码： 如上代码：函数CreatePerson能接受三个参数name,age,sex等参数，可以无数次
阅读全文
摘要：模块通常是指编程语言所提供的代码组织机制，利用此机制可将程序拆解为独立且通用的代码单元。所谓模块化主要是解决代码分割、作用域隔离、模块之间的依赖管理以及发布到生产环境时的自动化打包与处理等多个方面。 模块的优点 可维护性。 因为模块是独立的，一个设计良好的模块会让外面的代码对自己的依赖越少越好，这样
阅读全文
摘要：JavaScript中document的用法 代码document.title //设置文档标题等价于HTML的<title>标签 document.bgColor //设置页面背景色 document.fgColor //设置前景色(文本颜色) document.linkColor //未点击过的
阅读全文
摘要：当我们打开一个网页的时候，浏览器会首先创建一个窗口，这个窗口就是我所知道的window对象，也就是整个Javascript运行所依附的全局变量。 为了加载网页文档，当前窗口又需要创建一个Document对象，然后把打开的网页加载到Document下。网页就是在这个加载的过程中，一边加载一边呈现，所以
阅读全文
摘要：node 使用 http和express创建服务器环境 如 apache iis等 不需要配置一堆文件 为啥使用node 省事 v8引擎 异步js 不影响浏览者浏览网站 redis php读取缓存字符串 node+php http 创建服务器 可以上传文件 web资源等等 express 三个常用的
阅读全文
摘要：1.let命令 1）let和var的区别：let声明的变量只有所在的代码块有效。 2）没有变量的提升，一定要声明后使用。使用let命令声明变量之前，该变量都是不可用的。形成“暂时性死区”。 3）typeof 不再是一个百分之百安全的操作。 2.块级作用域 1）es5和es6比较：es5 只有全局作用
阅读全文
摘要：越来越多的网站，开始采用"单页面结构"（Single-page application）。 整个网站只有一张网页，采用Ajax技术，根据用户的输入，加载不同的内容。 这种做法的好处是用户体验好、节省流量，缺点是AJAX内容无法被搜索引擎抓取。举例来说，你有一个网站。 用户通过井号结构的URL，看到不
阅读全文
摘要：你可能知道，Javascript语言的执行环境是"单线程"（single thread）。 所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。 这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面
阅读全文
摘要：零、安装React 的安装包，可以到官网下载。不过，React Demos 已经自带 React 源码，不用另外安装，只需把这个库拷贝到你的硬盘就行了。 $ git clone git@github.com:ruanyf/react-demos.git如果你没安装 git， 那就直接下载 zip 压
阅读全文
摘要：1.嵌入规则 Javascript程序应该尽量放在.js的文件中，需要调用的时候在页面中以<script src="filename.js">的形式包含进来。Javascript代码若不是该页面专用的，则应尽量避免在页面中直接编写Javascript代码。 2.对齐缩进与换行 a) 缩进 在同一系统
阅读全文
摘要：前言我前面的文章，写过js中“类”与继承的一些文章。ES5我们可以通过 构造函数 或者 Object.create()等方式来模拟出js中的“类”,当然，对象呢是类的实例化，我们可以通过如下方式创建对象：var haorooms ={};或者var haorooms = new Object()今天
阅读全文
浙公网安备 33010602011771号