javascript
关注
分享
扫一扫
文章平均质量分 55
yangxiaoyanger
这个作者很懒，什么都没留下…
展开
-
html中href和src的区别
href通常应用于a、link元素中，对文档和外部链接简历管理，src是会把文档替换掉当前标签所在的位置，img 、iframe、script是经常用到的。参考： href是Hypertext Reference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。例如： <link href="reset.css" rel=”st...原创 2018-09-19 13:58:21 · 339 阅读 · 0 评论 -
js事件流
事件流包含三个阶段：1. 事件捕获2. 事件目标3. 事件冒泡elementObj.addEventListener(type, handle, iscaptrue)iscaptrue为true代表捕获阶段，为false是冒泡阶段。默认是冒泡IE浏览器只有冒泡，没有捕获这就是委托事件绑定： $(selector).delegate(childSelector,event,data,functio...原创 2018-05-16 10:23:14 · 371 阅读 · 0 评论 -
DOM绑定事件的三种方式
1. 在DOM中绑定。在DOM中绑定有两种方式:直接在html中onXxxx = "jsCode"在html中onXxx = "handleName()"，然后在js文件中定义 function handleName() {jsCode} <button onClick="alert('111')" type='button'></button> <bu...原创 2018-05-16 08:52:25 · 8012 阅读 · 0 评论 -
jsrsasign的签名实现
参考jsrsa签名实现参考基于jsrsasign框架的vue在rsa的签名过程参考：https://www.jianshu.com/p/78821648d6ff应用库： http://kjur.github.io/jsrsasign/ github： https://github.com/machinewu/jsrsasign这个是由前端用私钥签名，后端用公钥验证的过程。前端生成随机的32位随机...原创 2018-05-22 13:57:57 · 7446 阅读 · 1 评论 -
为什么要有跨域限制
阅读数：61作者：黄家兴链接：https://www.zhihu.com/question/26376773/answer/244453931来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。了解完跨域之后，想必大家都会有这么一个思考，为什么要有跨域的限制，浏览器这么做是出于何种原因呢。其实仔细想一想就会明白，跨域限制主要是为了安全考虑。AJAX同源策略主要用来防止CS...转载 2018-05-17 15:20:05 · 1333 阅读 · 0 评论 -
JSONP原理
转自JSONP原理ajax请求受同源策略影响，不允许进行跨域请求，而script标签src属性中的链接却可以访问跨域的js脚本，利用这个特性，服务端不再返回JSON格式的数据，而是返回一段调用某个函数的js代码，在src中进行了调用，这样实现了跨域。什么是JSONP首先提一下JSON这个概念，JSON是一种轻量级的数据传输格式，被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主...转载 2018-05-17 15:16:30 · 129 阅读 · 0 评论 -
angular4 的动态style之background-image
参考angualr4之background-image的问题Style bindingYou can set inline styles with a style binding.Style binding syntax resembles property binding. Instead of an element property between brackets, start with t...原创 2018-05-17 11:13:37 · 6938 阅读 · 0 评论 -
对象的创建方式
<!DOCTYPE html><html><head> <title>create obj</title></head><body> <script type="text/javascript"> // ************************原创 2018-04-23 14:35:50 · 113 阅读 · 0 评论 -
js中string类型的方法
var string = "abcdefd";string.split('') //["a", "b", "c", "d", "e", "f", "d"];string.slice(2); //截取字符串,返回2以后的字符串string.charAt(2); //返回第三个字符string.subStr(2, 3); //返回从第三个字符原创 2018-04-05 18:57:34 · 1141 阅读 · 0 评论 -
闭包的理解
转自闭包的理解闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 var n=9...转载 2018-03-29 14:58:21 · 122 阅读 · 0 评论 -
apply、call和bind的区别
转自：apply、call和bind的区别问了一下，这么三个函数的作用是什么？这么三个函数的作用就是调整上下文，即this的指向。在js中，this的指向是琢磨不定的，往往有四条规律可以总结它，在全局空间中调用函数，this往往会指向window，而在严格模式下，会指向undefined。在对象的方法中调用this，往往会指向该对象，但是这种方式很容易造成this的隐性丢失显示调用，即使用appl...转载 2018-03-29 14:20:29 · 166 阅读 · 0 评论 -
前端基础进阶（十二）：深入核心，详解事件循环机制【推荐】
转载自 前端基础进阶【该作者写了前端基础进阶文章，超级推荐！】JavaScript的学习零散而庞杂，因此很多时候我们学到了一些东西，但是却没办法感受到自己的进步，甚至过了不久，就把学到的东西给忘了。为了解决自己的这个困扰，在学习的过程中，我一直试图在寻找一条核心的线索，只要我根据这条线索，我就能够一点一点的进步。前端基础进阶正是围绕这条线索慢慢展开，而事件循环机制(Event Loop)，则是这条...转载 2018-04-11 15:12:34 · 223 阅读 · 0 评论 -
JavaScript深入之bind的模拟实现
bind一句话介绍 bind:bind() 方法会创建一个新函数。当这个新函数被调用时，bind() 的第一个参数将作为它运行时的 this，之后的一序列参数将会在传递的实参前传入作为它的参数。(来自于 MDN )由此我们可以首先得出 bind 函数的两个特点：返回一个函数可以传入参数返回函数的模拟实现从第一个特点开始，我们举个例子：var foo = { value: 1};fun...转载 2018-05-16 11:10:00 · 155 阅读 · 0 评论 -
javascript深入之new的实现
new一句话介绍 new:new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型之一也许有点难懂，我们在模拟 new 之前，先看看 new 实现了哪些功能。举个例子：// Otaku 御宅族，简称宅function Otaku (name, age) { this.name = name; this.age = age; this.habit = '...转载 2018-05-16 11:16:22 · 287 阅读 · 0 评论 -
函数声明与函数表达式
函数声明和函数表达式匿名函数和具名函数原创 2018-09-05 14:42:49 · 265 阅读 · 0 评论 -
你不知道的js之欺骗词法作用域（已废弃，仅供了解）
无论函数在哪里被调用，也无论它如何被调用，它的词法作用域都只由函数被声明时所处 的位置决定。改变词法作用域有两种‘欺骗’手段：1. eval，eval(..) 都可以在运行期修改书写期的词法作用域。2. with,with是为重复使用对象。会形成一个新的作用域，将对象的属性当作标识符来表示。这两个欺骗手段都是在运行阶段起作用，因为编译阶段会认为这段无效，也是因为没法在编译阶段进...原创 2018-09-05 14:08:00 · 339 阅读 · 0 评论 -
RHS和LRS查找区别
LRS和RHS是作用域查找范畴中的两个概念。LHS通常目标是对一个变量进行赋值操作。会把一个变量对应的容器本身，从而可以对这个变量进行赋值。而RHS通常是在等号的右边，目标是查找到变量对应的值，其实应该叫‘非左侧’更合适一点。例如foo(2)是RHS查询，console.log(a)也是RHS查询。 ...原创 2018-09-05 13:31:11 · 728 阅读 · 0 评论 -
ReferenceError和TypeError区别
ReferenceError和TypeError区别在于，ReferenceError是和作用域查找相关，TypeError是查找作用域成功，但是对变量的操作非法或者错误所生成。假如查找不到变量。LHS在非严格模式下找不到变量会自动生成全局变量，但是在严格模式会和RHS一样ReferenceError的错误。假如能查找到变量，对其进行非法或者不正确的操作都会报TypeError的错误。...原创 2018-09-05 13:21:37 · 1344 阅读 · 0 评论 -
angualrJS中拼接的html中包含click事件，怎么正常运行？
在拼接的html中直接写ng-click事件不会执行？？？想到选择文件改变时候onchange="angular.element(this).scope().fileNameChanged(this)"就可以得到对应改变事件。 <input type="file" name="file" class="notFormFile" id="scorefile" style="di原创 2018-07-28 10:39:07 · 1273 阅读 · 0 评论 -
ionic打包android的apk包
Cordova 打包 Android release app 过程详解：1.全局安装Cordova CLI: 1 npm install -g cordova 2.创建项目： 1 cordova create cordova-demo com.example.cordovaDemo cordovaDemo ...原创 2018-07-28 14:41:26 · 655 阅读 · 0 评论 -
http协议需要知道
转自前端开发者必须知道的http协议的事情1.概念 http（超文本传输协议）是一个基于请求与响应模式的、无状态的、应用层的协议，常基于TCP的连接方式，HTTP1.1版本中给出一种持续连接的机制，绝大多数的Web开发，都是构建在HTTP协议之上的Web应用。2.发展 0.9版本（只支持get）——1.0——1.1——2.0（开发中） 0.9版本只能算是试用版，不做介绍。...转载 2018-06-27 18:17:53 · 537 阅读 · 0 评论 -
nodejs Error: SQLITE_CANTOPEN: unable to open database file
一直打不开sqlite3的数据库。。然后从网上找了半天有说文件权限的问题，可是在windows操作系统下，怎么修改文件权限？有的文章说用cacls.exe命令，例如点击打开链接cacls c:/ /e /t /g everyone:F可是我试了半天还是一直报错，然后看到一篇文章sqlite3模块插入数据库为什么一直提示无法打开数据库 已解决是数据库文件路径的问题，原来是因为数据库路径写错了！dat...原创 2018-06-25 15:39:25 · 7115 阅读 · 1 评论 -
ngularJs项目实战05: 不同controller作用域之间通信的方式
最近在做d3js + angularjs项目中，经常遇到d3组件与angularjs模块间通信的问题，以及angularjs多个作用域之间互相通信的问题。关于angularjs的作用域概念及其继承模式，这里有一篇我觉得不错的文章，不了解的朋友可以先去看看。本文主要谈angularjs多个作用域之间如何互相通信。我们经常遇到这样的需求：A作用域这里有一个值改变了，如何通知作用域B相应值去改变。为此我...转载 2018-06-06 14:39:18 · 330 阅读 · 0 评论 -
angular模块化和依赖注入
AngularJS使用模块化的组织方式，和依赖注入的设计。这使得模块之间耦合度较低，模块更容易复用。同时支持声明式的编程风格。 在你创建Angular Module 或者 Service 之前，首先需要了解一下 Angular Module 和 Service 的工作方式。模块概念在Angular中，一个Module通常对应一个js文件，其中可以包括Controller、Service、Filte...转载 2018-06-06 09:46:44 · 365 阅读 · 0 评论 -
AngularJS中的factory、service以及provider的区别
初学 AngularJS 时， 肯定会对其提供 factory 、 service 和 provider 感到疑惑， 这三种都是提供服务的方式， 他们到底有什么区别呢？factoryfactory 可以认为是设计模式中的工厂方法， 就是你提供一个方法， 该方法返回一个对象的实例， 对于 AngularJS 的 factory 来说， 就是先定义一个对象， 给这个对象添加属性和方法， 然后返回这个对...转载 2018-06-05 15:02:09 · 783 阅读 · 0 评论 -
js深入之创建对象方法和优缺点
写在前面这篇文章讲解创建对象的各种方式，以及优缺点。但是注意：这篇文章更像是笔记，因为《JavaScript高级程序设计》写得真是太好了！1. 工厂模式function createPerson(name) { var o = new Object(); o.name = name; o.getName = function () { console.log...转载 2018-05-16 11:26:17 · 264 阅读 · 0 评论 -
ES6 — 箭头函数
一 为什么要有箭头函数我们在日常开发中，可能会需要写类似下面的代码 const Person = { 'name': 'little bear', 'age': 18, 'sayHello': function () { setInterval(function () { console.log('我叫' + this.name + '我今年'...转载 2018-04-11 13:46:01 · 170 阅读 · 0 评论 -
JavaScript中的ReferenceError和TypeError两种错误的区别
转自JavaScript中的ReferenceError和TypeError两种错误的区别作为前端工作人员，在调试JavaScript程序的时候经常遇到两个错误：ReferenceError和TypeError。下面就对我这两种错误说说我的见解 1.首先：字面上的意思分别为引用错误和类型错误； 2.作用域：ReferenceError就是在作用域中找不到、TypeError是在作用域中找到了但是 ...转载 2018-04-04 09:29:03 · 30252 阅读 · 0 评论 -
angular 面试题总结
必看https://www.cnblogs.com/yugege/p/6526215.htmlangularjs 是 mvc 还是 mvvm 框架?首先阐述下你对mvc和mvvm的理解首先为什么我们会需要MVC？因为随着代码规模越来越大，切分职责是大势所趋，还有为了后期维护方便，修改一块功能不影响其他功能。还有为了复用，因为很多逻辑是一样的。而MVC只是手段，终极目标是模块化和复用。mvvm的优点...转载 2018-04-08 22:08:41 · 11400 阅读 · 0 评论 -
原生js编写插件
作为一个前端er，如果不会写一个小插件，都不好意思说自己是混前端界的。写还不能依赖jquery之类的工具库，否则装得不够高端。那么，如何才能装起来让自己看起来逼格更高呢？当然是利用js纯原生的写法啦。以前一直说，掌握了js原生，就基本上可以解决前端的所有脚本交互工作了，这话大体上是有些浮夸了。不过，也从侧面说明了原生js在前端中占着多么重要的一面。好了。废话不多说。咱们就来看一下怎么去做一个自己的...转载 2018-04-08 21:20:31 · 11753 阅读 · 3 评论 -
angular、vue、react的区别
前端这几年的技术发展很快，细分下来，主要可以分成四个方面：1.开发语言技术，主要是ES6&7，coffeescript，typescript等； 2.开发框架，如Angular，React,Vue.js，Angular2等； 3.开发工具的丰富和前端工程化，像Grunt，Gulp，Webpack，npm，eslint，mocha这些技术； 4.前端开发范围的扩展，如服务端的nodejs,e...转载 2018-04-08 20:16:35 · 1160 阅读 · 0 评论 -
一道必看前端面试题
转自 一道必看前端面试题https://www.cnblogs.com/intangible/p/8066979.htmlhttps://www.jianshu.com/p/d530bf4f44e3金三银四搞事季，前端这个近年的热门领域，搞事气氛特别强烈，我朋友小伟最近就在疯狂面试，遇到了许多有趣的面试官，有趣的面试题，我来帮这个搞事 boy 转述一下。以下是我一个朋友的故事，真的不是我。for...转载 2018-04-08 21:59:12 · 812 阅读 · 0 评论 -
DOM BOM document window
DOM 是为了操作文档出现的 API，document 是其的一个对象；BOM 是为了操作浏览器出现的 API，window 是其的一个对象。原创 2018-03-30 10:12:40 · 130 阅读 · 0 评论 -
DOM基本知识
参考DOM基本原理转自DOM树知识梳理为什么会提到Dom树呢，或许它对于我们很好地理解网页各个元素，标签和控件搭配，以及各种js，css等的加载会有一些帮助。笔者在工程中遇到了一些小问题，本质就是dom树的东西掌握的不扎实。所以借此来梳理一下。 1.HTML DOM ok, 我们先来看一下W3school中怎么解释这个概念和结构的。W3school是一个很不错的网站，很适合初学者和基础不扎实的人。...转载 2018-03-30 10:12:21 · 301 阅读 · 0 评论 -
浏览器引擎、渲染引擎、js引擎
转自浏览器引擎、渲染引擎、js引擎[1]定义 浏览器内核分成两部分渲染引擎和js引擎，由于js引擎越来越独立，内核就倾向于只指渲染引擎 渲染引擎是一种对HTML文档进行解析并将其显示在页面上的工具[2]常见引擎渲染引擎： firefox使用gecko引擎 IE使用Trident引擎 2015年微软推出自己新的浏览器，原名叫斯巴达，后改名edge,使用edge引擎 ope...转载 2018-03-30 10:14:18 · 308 阅读 · 0 评论 -
JavaScript 判断当前协议是http还是https
转自判断http和https jsJavaScript 的document对象中有一个location的子对象，其包括是属性如下:document.location.host //表示当前域名 + 端口号document.location.hostname //表示域名document.location.href //表示完整的URLdocument.location.port //...转载 2018-04-03 10:09:21 · 3628 阅读 · 0 评论 -
浏览器渲染css和script
转自浏览器渲染参考渲染内部原理参考渲染原理内部剖析参考浏览器工作原理（一）浏览器渲染过程，涉及的知识体系甚广。了解浏览器渲染过程和原理，对理解前端优化原则浏览器渲染页面的过程包含以下五个耗时过程：1. DNC查找2. TCP连接过程3. HTTP请求响应4. 服务器响应5. 客户端渲染我们在此主要研究浏览器渲染。也就是获取渲染树、布局、绘制页面，这个过程又可以分为以下五个步骤：1. HTML解析成...转载 2018-03-30 10:13:44 · 361 阅读 · 0 评论 -
Http的content-type
转自http的content-type讲解参考http的content-type我们知道，HTTP 协议是以 ASCII 码传输，建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分：状态行、请求头、消息主体。类似于下面这样：<method> <request-url> <version><headers><entit...转载 2018-03-30 10:14:11 · 274 阅读 · 0 评论 -
前端跨域相关
转自：前端跨域（全）什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：1.) 资源跳转： A链接、重定向、表单提交2.) 资源嵌入： <link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@font-face()等文件外链3.) 脚本请求...转载 2018-03-30 10:14:00 · 101 阅读 · 0 评论 -
提高性能一二
雅虎军规浏览器解析、渲染（很好）浏览器内部工作原理转载 2018-03-30 10:13:31 · 172 阅读 · 0 评论