
JS
文章平均质量分 53
Amyuan的笔记
本人所有博客仅供本人学习使用,文章里写的很多摘取自别人的智慧结晶,能注明来源的皆注明了,如有侵权行为,望告知。
致力于成为一名优秀的前端程序员。
本人微信号:Amyuan23。非诚勿扰。
展开
-
Vue项目的联调,测试与发布
1. config/index.js目录下proxyTable: { '/api': { target: 'http://localhost:80' // 这里写后台服务器地址 }}2.本地测试 命令:ifconfig 或 ipconfig 查看本机ip地址 目录package.json添加--host 0.0.0.0"de...原创 2018-08-19 11:07:15 · 681 阅读 · 0 评论 -
JS深入理解(三)之面向对象
之前的总结:面向对象编程封装,继承,多态封装:隐藏细节原型链:对象与对象 this:对象与函数(JS 中对象函数没有关系,JS 之父通过 this 强行使得它们有关系。) 函数不是对象的附属品。关于this:fn(this,arguments)参数的值只能在传参的时候确定this是第一个参数this的值只有在传参的时候确定API的this要看文档箭头函数不...原创 2018-07-25 17:06:13 · 387 阅读 · 0 评论 -
JS深入理解(二)之异步
同步的sleep函数function sleep(seconds){ var start = new Date() while(new Date() - start < seconds * 1000){ } return}经常遇到的异步问题document.getElementsByTagNames('img')[0].width ...原创 2018-07-24 18:45:43 · 246 阅读 · 0 评论 -
面试
聊天套路举例说明将不会的变成会的 承认不会 询问细节转移话题HTML1. 你是如何理解 HTML 语义化的?举例 比如说,标题就用h1~h6,段落就用p,边栏用aside,主要内容用main侃侃而谈 最开始是 PHP 后端写 HTML,不会 CSS,于是就用 table 来布局。table 使用展示表格的。严重违反了 HTML 语义化。 后来有了专门的写 ...原创 2019-06-06 09:54:44 · 370 阅读 · 0 评论 -
Vue入门
挂载点 , 模板, 实例 数据data {{}}差值表达式 指令v-绑定事件v-on:可以简写为@ <div id="root" v-on:click="handle"&a原创 2018-06-23 13:28:23 · 650 阅读 · 0 评论 -
JSON-handle插件——方便json编辑
一.下载地址http://jsonhandle.sinaapp.com/二.安装1.用chrome浏览器打开:chrome://extensions/2.把下载好的文件拖入该页面三.使用粘贴写好的json即可,页面如下:原创 2017-12-21 21:20:04 · 3658 阅读 · 0 评论 -
Rx.js入门
两个例子鼠标拖拽let getElemenetDrags = el => el.mouseDowns .map( mouseDown => document.mouseMoves .takeUntil(document.mouseUps) ) .concatAl...原创 2018-08-07 20:39:38 · 285 阅读 · 0 评论 -
MVC与双向绑定与单向绑定
上次的笔记:MVC&MVVMMVC 思想(前端)model 只负责存储数据、请求数据、更新数据 view 只负责渲染 HTML(可接受一个 data 来定制数据)controller 负责调度 model 和 view例子1:https://jsbin.com/yuwopuf/3/edit?js,output 模板代码(也就是类)一个页面或模块只需要 mod...原创 2018-08-07 16:58:18 · 2608 阅读 · 0 评论 -
JQuery遇到的知识点收集
e.target与e.currentTarget的区别 e.target指向引发触发事件的元素,而e.currentTarget指向的是给绑定事件监听的那个对象。原创 2018-08-05 22:43:15 · 215 阅读 · 0 评论 -
ES6新特性
ES 6 新特性列表 阮一峰es6教程1. let & constvar的问题变量提升为了不因声明变量提升而暴露变量,用函数包住,但是暴露了函数名于是为了解决上述问题,用匿名函数+立即执行函数,即闭包(function(){ 代码})()于是let 诞生{ let a=1 window.functionName=f...原创 2018-08-01 00:31:40 · 316 阅读 · 0 评论 -
JS深入理解(一)之函数
定义匿名函数具名函数箭头函数原创 2018-07-21 23:25:56 · 444 阅读 · 0 评论 -
AJAX
概述产生:一次HTTP请求对应一个页面,这是Web的运作原理。1999年,微软公司发布IE浏览器5.0版,第一次引入新功能:允许JavaScript脚本向服务器发起HTTP请求。2004年Gmail发布和2005年Google Map发布2005年2月,AJAX这个词第一次正式提出,AJAX成为脚本发起HTTP通信的代名词。AJAX通过原生的XMLHttpRequest对象发出H...原创 2018-05-19 13:30:30 · 5417 阅读 · 1 评论 -
JS中的浅拷贝和深拷贝
参考资料:JavaScript中的浅拷贝和深拷贝浅拷贝(shallow copy)拷贝原对象的引用var o1 = {a: 1};var o2 = o1;拷贝原对象的实例,但是对其内部的引用类型值,拷贝的是其引用。 常用的就是如jquey中的$.extend({}, obj); Array.prototype.slice()和Array.prototype.conca...原创 2018-05-06 00:54:09 · 140 阅读 · 0 评论 -
ES6学习(一)
待完善… let语法,用法和var一样 不同点:作用域不同 若用let来声明变量,只在let命令所在的代码块内有效。而var只有在function内用才能有块级作用域效果,除了function,在其他地方用var全声明的是全局变量let不会变量提升...原创 2018-05-18 18:53:40 · 237 阅读 · 0 评论 -
Promise 对象——异步操作解决方案
参考来源: ruanyifeng es6-ruanyifeng概述Promise 对象是 JavaScript 的异步操作解决方案,为异步操作提供统一接口。Promise 是一个对象,也是一个构造函数。Promise 使得本需嵌套的回调函数写法(串行)变成了链式写法//回调函数f1function f1(resolve, reject) { // 异步代码...}...原创 2018-05-09 21:35:01 · 404 阅读 · 0 评论 -
定时器
参考来源:ruanyifengsetTimeout()var timerId = setTimeout(func|code, delay);注意,setTimeout是异步操作,因而不会堵塞。被推迟执行的函数即是异步操作的回调函数。setTimeout第三或更多的参数,依次作为回调函数的参数传入回调函数(推迟执行的函数)。如果回调函数是对象的方法,那么setTimeout使...原创 2018-05-09 16:52:17 · 208 阅读 · 0 评论 -
异步
同步任务(synchronous)和异步任务(asynchronous)同步任务是那些没有被引擎挂起、在主线程上排队执行的任务。异步任务是那些被引擎放在一边,不进入主线程、而进入任务队列的任务。只有引擎认为某个异步任务可以执行了(比如 Ajax操作从服务器得到了结果),该任务(采用回调函数的形式)才会进入主线程执行。排在异步任务后面的代码,不用等待异步任务结束会马上运行,也就是说,异步任...原创 2018-05-09 09:57:46 · 398 阅读 · 0 评论 -
JSON对象
JSON基本概念JavaScript Object Notation——js对象表示法 存储和交换文本信息的语法,属于独立性语言每个 JSON 对象就是一个值,值的类型和格式有严格规定:复合类型的值只能是数组或对象,不能是函数、正则表达式对象、日期对象。原始类型的值只有四种:字符串、数值(必须以十进制表示)、布尔值和null(不能使用NaN, Infinity, -Infinit...原创 2018-05-02 05:15:44 · 205 阅读 · 0 评论 -
RegExp对象(正则表达式)
正则表达式(Regular Expression)创建:1.构造函数:var regex = new RegExp('xyz', 'i');2.字面量var regex = /xyz/i;修饰符:g:global,全文搜索,不添加的话搜索到第一个结果停止搜索i:ingore case,忽略大小写,默认大小写敏感m:multiple lines,多行搜索...原创 2018-05-01 21:38:34 · 799 阅读 · 0 评论 -
Google发布的JavaScript代码规范
原文地址:关于Google发布的JS代码规范,你需要了解什么? 相关资料:Google JS代码规范1. 使用空格代替tab 除了每一行的终止符序列,ASCII水平空格符(0x20)是唯一一个可以出现在源文件中任意位置的空格字符。这也意味着,tab字符不应该被使用,以及被用来控制缩进。规范随后指出应该使用2个,而不是4个空格带实现缩进。// badfunction f...转载 2018-04-11 20:59:00 · 4503 阅读 · 0 评论 -
JS调试技巧
参考资料:JS调试技巧待总结归纳….原创 2018-03-30 00:24:43 · 147 阅读 · 0 评论 -
严格模式规则汇总
严格模式'use strict'位置放在脚本文件的第一行,整个脚本都将以严格模式运行。放在函数体的第一行,则整个函数以严格模式运行。会报错的情况对只读属性赋值删除不可配置的属性对一个只有取值器(getter)、没有存值器(setter)的属性赋值对禁止扩展的对象添加新属性使用eval或者arguments作为标识名函数有重名的参数整数第一位为0增强的安...原创 2018-05-09 21:55:04 · 417 阅读 · 0 评论 -
Object 的一些方法
参考:阮一峰静态方法所谓“静态方法”,是指部署在Object对象自身的方法。Object.keys(),Object.getOwnPropertyNames()这两种方法都用于获取对象的属性名,并以数组的方式返回var a = ['Hello', 'World'];Object.keys(a) // ["0", "1"]Object.getOwnPropertyNam...原创 2018-04-25 17:54:40 · 299 阅读 · 0 评论 -
JSONP
学习资料来源:【原创】说说JSON和JSONP,也许你会豁然开朗,含jQuery用例同源政策所谓“同源”指的是”三个相同“协议相同域名相同端口相同如果非同源,共有三种行为受到限制。无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB。无法接触非同源网页的 DOM。无法向非同源地址发送 AJAX 请求(可以发送,但浏览器会拒绝接受响应...原创 2018-05-12 01:33:42 · 284 阅读 · 0 评论 -
Tween.js
参考资料:如何使用Tween.js各类原生动画运动缓动算法 TweenJS模块TweenJS Javascript库提供了一个简单但强大的渐变界面。它支持渐变的数字对象属性&CSS样式属性,并允许您链接补间动画和行动结合起来,创造出复杂的序列。github-tween...原创 2018-05-18 00:52:39 · 367 阅读 · 0 评论 -
面向对象编程
面向对象编程 (Object Oriented Programming) 将真实世界各种复杂的关系,抽象为一个个对象,然后由对象之间的分工与合作,完成对真实世界的模拟对象需要一个模板,来表示某一类实物的共同特征。所谓“类”就是对象的模板,对象就是“类”的实例。JavaScript 语言使用构造函数(constructor)作为对象的模板。构造函数构造函数就是一个普通的函数 ...原创 2018-05-04 23:34:05 · 210 阅读 · 0 评论 -
DOM 编程艺术
DOM——Document Object Modeldocument 对象document对象是文档的根节点。常用方法 方法 描述 document.open() 清除当前文档所有内容,使得文档处于可写状态 document.write() 向当前文档写入内容。 document.querySelector() 接受一个 CSS...原创 2018-05-11 00:51:11 · 555 阅读 · 0 评论 -
JS题
js内存相关题引用自身//错误实例var a = {self : a}; //这样a.self会是undefined//上面这样等于var a; //undefineda.self = a //这时a还是undefined//正确写法var a = {};a.self = a; ...原创 2018-05-17 01:52:47 · 259 阅读 · 0 评论 -
Array 对象的一些方法
参考:阮一峰静态方法Array.isArray() 判断参数是否为数组var arr = [1, 2, 3];typeof arr // "object"Array.isArray(arr) // true实例方法valueOf(),toString()//数组的valueOf方法返回数组本身var arr = [1, 2, 3];arr...原创 2018-04-25 19:43:21 · 224 阅读 · 0 评论 -
运算符与类型转换探究
参考资料:null == undefined ?null与undefined undefined,一个变量最原始的状态,而非人为操作的结果。 null,一个对象被人为的重置为空对象,而非一个变量最原始的状态 。关于typeof null == 'object' 的解释 null 有属于自己的类型 Null,而不属于Object类型,typeof 之所以会判定为 Object 类型,...原创 2018-03-16 01:47:30 · 153 阅读 · 0 评论