bin1813的博客

一般来说html代码不能直接转换成图片，需要先转换成canvas在由canvas转换成图片。本文将介绍以下几种情况：     1.图片转换成canvas2. canvas转换成图片3. Html代码转换成canvas4. HTML代码转换成图片1.图片转换成canvasfunction convertImageToCanvas(image) {       

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> *{ margin: 0; padding: 0; } #ul1 li{ width: 100px;

html>html lang="en">head> meta charset="UTF-8"> title>Documenttitle> style> div{ width:100px; height:100px; background-color:red; position:absolute

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> *{ margin: 0; padding: 0; } #ul1{ width: 300px;

html>html lang="en">head> meta charset="UTF-8"> title>Documenttitle> style> img{ filter :alpha(opacity:30); opacity:0.3; } style>head>body> script>

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> #div1{ width:100px; height:100px; background-color: red;

html>html lang="en">head> meta charset="UTF-8"> title>Documenttitle> style> div{ width:100px; height:100px; background-color:red; position:absolute

html>html lang="en">head> meta charset="UTF-8"> title>Documenttitle> style> div{ width:200px; height:200px; background-color:red; margin-top:50px;

html>html lang="en">head> meta charset="UTF-8"> title>Documenttitle> style> div{ width:100px; height:100px; background-color:red; position:absolute

/** * Created by zhanghaibin on 16/12/5. *///完美运动框架function getStyle(obj,attr) { if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,fal

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> *{ margin: 0; padding: 0; } #ul1{ width: 366px; margin: 0 auto;

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> #div1{ width:100px; height: 100px; background: #ccc; posi

什么是“纯函数”纯函数是指 不依赖于且不改变它作用域之外的变量状态 的函数。也就是说， 纯函数的返回值只由它调用时的参数决定 ，它的执行不依赖于系统的状态（比如：何时、何处调用它——译者注）。纯函数是 函数式编程 的一个基础。来看一些例子：var values = { a: 1 };function impureFunction ( items )

本文给大家分享的是个人在学习js运动动画的过程中总结的我们需要注意的8个知识点，分别是速度动画、透明度渐变、缓冲运动、多物体运动、获取样式、任意属性值、链式运动和同时运动，非常的详细，推荐给小伙伴们。今天简单的学了一下js运动动画，记录一下自己的心得体会，分享给大家。      下面是我整理出来的结果。知识点一：速度动画。      1.首先第一步实

一直对http状态码301和302的理解比较模糊，在遇到实际的问题和翻阅各种资料了解后，算是有了一定的理解。这里记录下，希望能有新的认识。大家也共勉。官方的比较简洁的说明：        301 redirect: 301 代表永久性转移(Permanently Moved)        302 redirect: 302 代表暂时性转移(Temporaril

ng-route模块中的when()和ui-route的state()都提供了resolve属性。 为什么需要使用resolve？ 当路由切换的时候，被路由的页面中的元素（标签）就会立马显示出来，同时，数据会被准备好并呈现出来。但是注意，数据和元素并不是同步的，在没有任何设置的情况下，AngularJS默认先呈现出元素，而后再呈现出数据。这样就会导致页面会被渲染两遍，导致“页面UI抖动”的

一，开篇分析 这篇文章把这三个模块拿来一起说，原因是它们各自的篇幅都不是很长，其次是它们之间存在着依赖关系，所以依次介绍并且实例分析。废话不多说了，请看下面文档： （1），"Url模块"   　　来个小栗子：　　 1 var url = require('url');2 var queryUrl = "http://localhost:8888/bb

这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题，我们可以使用以下几种方法：一

匹配中文字符的正则表达式： [u4e00-u9fa5] 评注：匹配中文还真是个头疼的事，有了这个表达式就好办了 匹配双字节字符(包括汉字在内)：[^x00-xff] 评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1） 匹配空白行的正则表达式：ns*r 评注：可以用来删除空白行 匹配HTML标记的正则表达式：]*>.*?|

点击切换 #thediv { width: 200px; height: 50px; background: #ccc; display: none; } window.onload = function () {

本文实例讲述了JS清除选择内容的方法。分享给大家供大家参考。具体分析如下：今天在做一个DIV拖动的效果，发现在拖动的时候会选中页面中的文本，于是找了一下JS清除选择的内容的相关信息。在得到的结果中发现： 在谷歌、火狐、Opera浏览器中，window对象有getSelection属性，而在IE中没有。IE中的document对象有selection属性，因此清除页面中选择的内容也就

这篇文章主要介绍了JavaScript中的console.assert()函数介绍,assert()函数是一个调试中经常使用的断言工具函数,需要的朋友可以参考下在JavaScript程序的开发和维护过程中，Assert(断言)是一个很好的用于保证程序正确性的特性。在具备调试工具的浏览器上，这一特性可以通过调用console.assert()来实现。比如在以下代码中，cons

1. 什么是自执行的匿名函数?   它是指形如这样的函数: (function {// code})();  2. 疑问  为什么(function {// code})();可以被执行, 而function {// code}();却会报错?  3. 分析  (1). 首先, 要清楚两者的区别:        (function {// code})是表达式, f

html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> me

框架页有Frame、Iframe、Frameset 3个标记，初学者容易将三者混淆，下面分别讲解三者的区别。10.4.1  Frameset与Frame的区别首先讲解Frameset与Frame之间的区别。用来划分框架，每一个框架由标记。必须在之内使用，代码如下：在上面的例子当中，把页面分为左右两个部分，左侧框架中

对于前端开发者来说，在开发过程中需要监控某些表达式或变量的值的时候，用 debugger 会显得过于笨重，取而代之则是会将值输出到控制台上方便调试。最常用的语句就是console.log(expression)了。然而对于作为一个全局对象的console对象来说，大多数人了解得还并不全面，当然我也是，经过我的一番学习，现在对于这个能玩转控制台的 JS 对象有了一定的认识，想与大家分享一

JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空，或者是什么类型的。但它们之间还是有区别的：typeoftypeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。它返回值是一个字符串，该字符串说明运算数的类型。typeof 一般只能返回如下几个结果：number,boolean,string,function

这篇文章主要介绍了JavaScript对象的property属性,详细讲解了property的各种属性,需要的朋友可以参考下JavaScript中对象的property有三个属性：1.writable。该property是否可写。2.enumerable。当使用for/in语句时，该property是否会被枚举。3.configurable。该property的

目前已有的前端书籍，还在学习中。作为一个自学过来的人，谈一谈自己的自学经历。本人文科生，非计算机专业。自学三个月左右，能做大部分前端效果。在这里只谈入门的一些书籍，

检测浏览器中是否安装了特定的插件是一种最常见的检测例程。对于非IE 浏览器，可以使用plugins 数组来达到这个目的。该数组中的每一项都包含下列属性。 name：插件的名字。 description：插件的描述。 filename：插件的文件名。 length：插件所处理的 MIME 类型数量。一般来说， name 属性中会包含

JS中数组有 5 个迭代方法。分别是：every()：对数组中的每一项运行给定函数，如果该函数对每一项都返回 true，则返回 true。filter()：对数组中的每一项运行给定函数，返回该函数会返回 true 的项组成的数组。forEach()：对数组中的每一项运行给定函数。这个方法没有返回值。map()：对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。

方法/步骤1我们先打开IE浏览器，界面显示如下：2我们点击“Internet选项”，界面显示如下：3我们点击“安全”，界面显示如下：4我们点击“自定义级别”，界面显示如下：5

原文: https://toddmotto.com/everything-you-wanted-to-know-about-javascript-scope/译者：dreamapple（https://github.com/dreamapplehappy/hacking-with-javascript/blob/master/translate/everything-you-wanted-

在JavaScript中，可以通过类的实例化来创建对象，也可以使用 对象字面量 直接创建对象。在编程语言中，字面量是一种表示值的记法，例如，"Hello, World!" 在许多语言中都表示一个字符串字面量（string literal ）。JavaScript也不例外，如5、true、false和null，它们分别表示一个整数、两个布尔值和一个空对象。JavaScript

Quirks Mode 概述定义什么是 Quirks Mode? 简单来说，Quirks Mode 就是浏览器为了兼容很早之前针对旧版本浏览器设计、并未严格遵循 W3C 标准的网页而产生的一种页面渲染模式。历史由渲染引擎产生的两种文档模式谈到 Quirks modes 首先就要从浏览器渲染引擎说起。我们知道所有的浏览器都有自己的页面渲染引擎，渲染引擎主要

一。javascript的作用二。javascript的历史三。javascript整体感知1.代码的存放位置放在head里面，如果没有style代码放在title标签下，如果有style，那么代码放在style下面。还可以放在另外一个标签body标签，但是现在阶段的学习不要放在里面。2.关于javascript代码的书写格式：注

首先分享一下我的经验，想做好一件事，必须要花费一些功夫，然后是多学、多思、多练、多交流、多总结，发现自己的问题，然后一定要克服，在状态不好的情况下，往往要及时调整。新手学习前端的话，一定要想想为什么要学习它，是出于一种什么心态，然后定位好自己，多向大牛请教，多教一些没有自己水平高的人，那样往往能让自己成长的快，切勿急躁。初学可以看一些入门视频教程，之后可以买一些书，做一些小项目，要学会投资，分析自

说到 闭包 ，这是js不得不提的一个特性，很多传统语言都不具备这样的特性，比如JAVA C等等。之前看书的时候，总是理解不好什么是闭包！下面就通过手绘一张原理图，来理解一下：　　首先基本上所有的编程语言都有类似的特性，局部方法可以访问外部父类方法的属性，也就是说，子类或子方法可以访问父类的资源。 var num = 11;

将函数名想象为指针，也有助于理解为什么 ECMAScript 中没有函数重载的概念。以下是曾在第 3章使用过的例子。function addSomeNumber(num){return num + 100;}function addSomeNumber(num) {return num + 200;}var result = addSomeNumber(100);

一、阻塞特性《高性能JavaScript》一书中，关于第一章“Loading and Execution”，提到了无阻塞加载JavaScript技术，目的是为了提高页面呈现速度。说到无阻塞加载JavaScript要点，我们就有必要知道，为什么在html中不管是内联JavaScript还是外联，会影响到页面的性能？原因是：JavaScript是单线程，在JavaS