js
文章平均质量分 86
danglina123
这个作者很懒,什么都没留下…
展开
-
js继承
因为是原创只复制了地址:https://blog.csdn.net/js_admin/article/details/71012367非构造函数的继承:浅拷贝和深拷贝浅拷贝首先可以通过 Object.assign 来解决这个问题。let a = { age: 1}let b = Object.assign({}, a)a.age = 2console.log(b....原创 2018-08-25 13:25:12 · 153 阅读 · 0 评论 -
Fetch
Why Fetch 资源链接:https://www.jianshu.com/p/35123b048e5e在开发过程中,我们向服务端发送请求,一般会使用三种方式, XMLHttpRequest(XHR),jQuery实现的AJAX,Fetch ,让我们首先来比较一下这三者的使用示例。XMLHttpRequestvar xhr;if (window.XMLHttpReques...转载 2018-08-18 17:52:57 · 293 阅读 · 0 评论 -
前端面试-浏览器渲染机制
前端面试-浏览器渲染机制转载地址:https://blog.csdn.net/cde7070/article/details/50619853在开发WEB应用整一个流程中,用户体验通常都会被提及,而网站的性能,又是与用户体验直接挂钩,因此可以在项目需求规格文档中经常看到项目对性能的需求。WEB性能优化常见的入手点包括以下几点:1、 HTTP请求2、 服务器响应速度3、 ...转载 2018-08-18 13:39:26 · 1708 阅读 · 0 评论 -
vue我的总结+转原理
vue我的总结+转原理我的总结vue:1 mvvm模型,model,view,viewmodel,自底层向上,逐渐增加的模式2 .vue文件 包含html css js 有最近设计原则,将自己需要的放到最近,2 组件化 避免了耦合2 数据双向绑定,数据变化视图变化,视图变化数据变化,观察者的模式,Object.defineProperty()3 丰富的指令 如:v-bind缩写...转载 2018-08-13 19:15:26 · 117 阅读 · 0 评论 -
vuejs实现数据驱动视图原理
vuejs实现数据驱动视图原理什么是数据驱动数据驱动是vuejs最大的特点。在vuejs中,所谓的数据驱动就是当数据发生变化的时候,用户界面发生相应的变化,开发者不需要手动的去修改dom。比如说我们点击一个button,需要元素的文本进行是和否的切换。在jquery刀耕火种的年代中,对于页面的修改我们一般是这样的一个流程,我们对button绑定事件,然后获取文案对应的元素dom对象,然...转载 2018-08-13 18:55:58 · 563 阅读 · 0 评论 -
Vue原理&实现双向绑定MVVM
2016年08月16日 · 145k 次阅读剖析Vue原理&实现双向绑定MVVMvue.js 双向绑定 javascript500本文能帮你做什么?1、了解vue的双向数据绑定原理以及核心代码模块2、缓解好奇心的同时了解如何实现双向绑定为了便于说明原理与实现,本文相关代码主要摘自vue源码, 并进行了简化改造,相对较简陋,并未考虑到数组的处理、数据...转载 2018-08-13 18:55:27 · 185 阅读 · 0 评论 -
S6--generator
S6--generator博客链接地址:https://blog.csdn.net/yanyongtao1/article/details/79003043阅读数:53generator(生成器)是ES6标准引入新的数据类型, 一个generator看上去像一个函数,但可以返回多次。ES6中generator的定义借鉴了python的generator的概念和语法。------...转载 2018-08-18 05:36:22 · 147 阅读 · 0 评论 -
常见的web性能优化方法
常见的web性能优化方法2017年06月07日 10:54:05阅读数:6197前言:关于优化问题,随着项目经验不断累积,多方查找资料进行拼接合并,形成如下文章,之后遇到类似好的方法,会不断补充完善。前端是庞大的,包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的,针对方方面面的资源都有不同的方式。那么,前端优化的目的是什...转载 2018-08-13 15:58:11 · 526 阅读 · 0 评论 -
jsonp的原理,应用场景,优缺点
jsonp的原理,应用场景,优缺点2017年03月26日 13:21:25阅读数:7297在开发测试中,难免会在不同域下进行跨域操作,出于安全性考虑,浏览器中的同源策略阻止从一个域上加载的脚本获取或者操作另一个域下的文档属性,这时需要进行跨域的方式进行解决,如:使用jsonp ,iframe等 1.jsonp的原理jsonp,即json+padding,动态创建scri...转载 2018-08-10 15:56:15 · 237 阅读 · 0 评论 -
移动端的touch click事件的理解+点透
移动端的touch click事件的理解+点透资源链接:https://www.jianshu.com/p/dc3bceb10dbb yongningfu 关注2017.08.09 22:45* 字数 1068 阅读 8282评论 2喜欢 9移动端在touch上一共有4个事件touchstart touchmove touchend touchcancel, touchcanc...转载 2018-08-18 18:56:58 · 275 阅读 · 0 评论 -
前端安全之XSS攻击
前端安全之XSS攻击前端安全之XSS转载请注明出处:unclekeith: 前端安全之XSSXSS定义XSS, 即为(Cross Site Scripting), 中文名为跨站脚本, 是发生在目标用户的浏览器层面上的,当渲染DOM树的过程成发生了不在预期内执行的JS代码时,就发生了XSS攻击。跨站脚本的重点不在‘跨站’上,而在于‘脚本’上。大多数XSS攻击的主要方式是嵌入一段远...转载 2018-08-22 04:55:36 · 165 阅读 · 0 评论 -
前端安全之CSRF攻击
前端安全之CSRF攻击前端安全之CSRF攻击转载请注明出处:unclekeith: 前端安全之CSRF攻击CSRF定义CSRF,即(Cross-site request forgery), 中文名为跨站请求伪造。是一种挟持用户在当前已登录的Web应用程序上执行非本意的操作的一种攻击方式。CSRF攻击的本质在于利用用户的身份,执行非本意的操作。根据CSRF的全名,可以得出的结论是:C...转载 2018-08-22 05:33:41 · 196 阅读 · 0 评论 -
理解pwa
资源链接:https://segmentfault.com/a/11900000123534732017年12月09日 · 16.8k 次阅读讲讲PWA pwa43一、背景文章2017 前端大事件和趋势回顾,2018 何去何从?中提到了2017年前端值得关注的十大事件,其中就提到了PWA。大家都知道Native app体验确实很好,下载到手机上之后入口也方便。它也...转载 2018-08-25 10:49:34 · 944 阅读 · 0 评论 -
简单讲讲前端路由概念
简单讲讲前端路由概念资源链接:https://blog.csdn.net/u014168594/article/details/79181828前端路由路由历史什么是路由? 路由是根据不同的 url 地址展示不同的内容或页面早期的路由都是后端直接根据 url 来 reload 页面实现的,即后端控制路由。后来页面越来越复杂,服务器压力越来越大,随着 ajax(异步刷新技术)...转载 2018-08-21 14:14:00 · 248 阅读 · 0 评论 -
双向绑定
双向绑定 资源地址:https://blog.csdn.net/wlfandzy/article/details/79754758https://blog.csdn.net/sara098/article/details/79513206https://blog.csdn.net/sinat_27346451/article/details/78315075vue的双向绑定主要...转载 2018-08-24 07:31:24 · 203 阅读 · 0 评论 -
浅谈meta viewport设置移动端自适应
浅谈meta viewport设置移动端自适应资料来源:https://blog.csdn.net/zhouziyu2011/article/details/60570547版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zhouziyu2011/article/details/605705471、viewport移动设备上的vie...转载 2018-08-24 03:41:28 · 414 阅读 · 0 评论 -
浅谈meta viewport设置移动端自适应
浅谈meta viewport设置移动端自适应资料料来源:https://blog.csdn.net/zhouziyu2011/article/details/60570547版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zhouziyu2011/article/details/605705471、viewport移动设备上的vi...转载 2018-08-24 03:40:06 · 331 阅读 · 0 评论 -
前端常见跨域解决方案(全)
前端常见跨域解决方案(全)资源链接:https://www.cnblogs.com/roam/p/7520433.html什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入: <link>、<script>、<img>、<fr...转载 2018-08-20 19:56:13 · 152 阅读 · 0 评论 -
前端发布订阅
Javascript中理解发布--订阅模式 转载地址:Careers.cvte.com发布订阅模式介绍 发布---订阅模式又叫观察者模式,它定义了对象间的一种一对多的关系,让多个观察者对象同时监听某一个主题对象,当一个对象发生改变时,所有依赖于它的对象都将得到通知。 现实生活中的发布-订阅模式; 比如小红最近在淘宝网上看上一双鞋子,但是呢 联系到卖家后,才发现这双鞋...转载 2018-08-23 13:41:43 · 859 阅读 · 0 评论 -
50道JavaScript基础面试题(附答案)
50道JavaScript基础面试题(附答案)资料来源:https://blog.csdn.net/sinat_17775997/article/details/80704694https://segmentfault.com/a/11900000152887001 介绍JavaScript的基本数据类型Number、String 、Boolean 、Null、Undefined ...转载 2018-08-17 17:20:51 · 1277 阅读 · 0 评论 -
50道CSS基础面试题(附答案)
50道CSS基础面试题(附答案)前端大学 6月8日作者:刘宁Leo https://segmentfault.com/a/1190000013325778 1 介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的?标准盒子模型:宽度=内容的宽度(content)+ border + padding + margin低版本IE盒子模型:宽度=内容宽度(...转载 2018-08-17 15:50:15 · 333 阅读 · 0 评论 -
史上最全ajax全套讲解
史上最全ajax全套讲解阅读数:5934ajax简介AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。Ajax不是一种新的编程语言,而是使用现有标准的新方法。AJAX可以在不重新加载整个页面的情况下,与服务器交换数据。这种异步交互的方式,使用户单击后,不必刷新页面也能获取新数据。使用Ajax,...转载 2018-06-09 19:29:39 · 2558 阅读 · 1 评论 -
JS Array.filter()方法
JS Array.filter()方法今天学习了Array的filter方法,MDN上解释的是filter()方法中行参是一个回调函数.这个回调函数就是一个规则,返回一个布尔值.filter()方法会对数组中每一个元素使用这个回调函数.注意,这里说的是每一个元素.并且将返回值为true的元素装入一个新数组返回.代码如下:[html] view plain copyvar arr = ["关羽","...转载 2018-06-16 14:17:29 · 2925 阅读 · 0 评论 -
mysql的安装教程
mysql一定要解压到纯英文路径C:\Windows\system32>cd C:\Develop\mysql\bin一定要以管理员身份运行cmd在运行C:\Develop\mysql\bin>mysqld --initialize --user=mysql --console2017-10-2//在初始化mysql的时候,一定要将密码保存下来C:\Develop\mysql\bin&...原创 2018-06-08 21:18:57 · 167 阅读 · 0 评论 -
深入浅出JavaScript之原型链&继承
深入浅出JavaScript之原型链&继承阅读目录(Content)小试身手基于原型的继承prototype属性与原型实现一个class继承另外一个class改变prototype实现继承的方式Javascript语言的继承机制,它没有"子类"和"父类"的概念,也没有"类"(class)和"实例"(instance)的区分,全靠一种很奇特的"原型链"(prototype chain)模式,..转载 2018-04-30 10:40:20 · 163 阅读 · 0 评论 -
三张图搞懂JavaScript的原型对象与原型链
三张图搞懂JavaScript的原型对象与原型链对于新人来说,JavaScript的原型是一个很让人头疼的事情,一来prototype容易与__proto__混淆,二来它们之间的各种指向实在有些复杂,其实市面上已经有非常多的文章在尝试说清楚,有一张所谓很经典的图,上面画了各种线条,一会连接这个一会连接那个,说实话我自己看得就非常头晕,更谈不上完全理解了。所以我自己也想尝试一下,看看能不能把原型中的...转载 2018-04-30 09:52:15 · 121 阅读 · 0 评论 -
快速理解JavaScript中apply()和call()的用法和用途
快速理解JavaScript中apply()和call()的用法和用途ecmascript call apply javascript 条件状语从句 2016年03月10日发布赞 | 2收藏 | 334.8k 次浏览在学习apply()之前,我们必须对this的作用和使用方法有所了解,可以参考我前一篇文章《快速理解JavaScript中this的用法与陷阱》。当然如果你已经熟悉this的...转载 2018-04-22 09:57:07 · 263 阅读 · 0 评论 -
js原型链--js面向对象编程
简单粗暴地理解 js原型链--js面向对象编程原型链理解起来有点绕了,网上资料也是很多,每次晚上睡不着的时候总喜欢在网上找点原型链和闭包的文章看,效果极好。不要纠结于那一堆术语了,那除了让你脑筋拧成麻花,真的不能帮你什么。简单粗暴点看原型链吧,想点与代码无关的事,比如人、妖以及人妖。1)人是人他妈生的,妖是妖他妈生的。人和妖都是对象实例,而人他妈和妖他妈就是原型。原型也是对象...转载 2018-04-16 14:28:41 · 175 阅读 · 0 评论 -
ajax详解
ajax详解AJAX 全称 Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。它并非一种新的技术,而是以下几种原有技术的结合体。1) 使用CSS和XHTML来表示。2) 使用DOM模型来交互和动态显示。3) 使用XMLHttpRequest来和服务器进行异步通信。4) 使用javascript来绑定和调用。通过AJAX异步技...转载 2018-04-15 22:01:17 · 290 阅读 · 0 评论 -
VUE 快速学习
博客园首页新随笔联系订阅管理随笔-43 文章-0 评论-84 Vue.js——60分钟快速入门Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。本文摘自:http://www.cnblogs.com/keepfool/p/5619...转载 2018-03-14 17:01:25 · 202 阅读 · 0 评论 -
Jvasctipt基础学习(廖雪风)
Map和SetJavaScript的默认对象表示方式{}可以视为其他语言中的Map或Dictionary的数据结构,即一组键值对。但是JavaScript的对象有个小问题,就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。为了解决这个问题,最新的ES6规范引入了新的数据类型Map。要测试你的浏览器是否支持ES6规范,请执行以下代码,如果浏览器报ReferenceErro...原创 2018-04-13 17:18:24 · 290 阅读 · 0 评论 -
JS中的call()方法和apply()方法用法总结
JS中的call()方法和apply()方法用法总结标签: javascript call apply 函数2017年04月27日 15:14:4841491人阅读 评论(4) 收藏 举报 分类:JavaScript(28) 版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/ganyingxie123456/article/details/70855586...转载 2018-04-20 08:32:29 · 134 阅读 · 0 评论 -
封装ajax和Promise
封装ajax和Promise标签: ajax promise 封装ajax es6promise 封装promise2017年09月30日 16:14:162339人阅读 评论(0) 收藏 举报 分类:JavaScript(28) 版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/ganyingxie123456/article/details/7814...转载 2018-04-20 08:50:44 · 785 阅读 · 0 评论 -
mongoDB使用详解(在node中使用)
mongoDB使用详解(在node中使用)2017年04月08日 19:38:23阅读数:2206数据库概念数据库:数据存储的仓库数据库就是为我们方便的管理数据的一个平台,例如对数据的存储、修改、查询等都非常的方便。数据库分类数据库产品有很多,以下是一些常见的数据库产品:MySQLOracleDB2SqlServerMongoDBetc.数据库没有排名之分,各有各的应用场景,我们这里学习的是 Mo...转载 2018-06-08 16:21:35 · 1364 阅读 · 1 评论 -
JS中的forEach、$.each、map方法推荐
JS中的forEach、$.each、map方法推荐转载 发布时间:2016年04月05日 16:15:48 投稿:jingxian 我要评论下面小编就为大家带来一篇JS中的forEach、$.each、map方法推荐。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧forEach是ECMA5中Array新方法中最基本的一个,就是遍历,循环。例如下面这个例子:...转载 2018-05-30 20:41:21 · 291 阅读 · 0 评论 -
JS正则表达式详解
JS正则表达式详解一、什么是正则表达式?1.定义: 正则表达式(regular expression)描述了一种字符串匹配的模式,可以用来检查一个串是否含有某种子串、将匹配的子串做替换或者从某个串中取出符合某个条件的子串等。构造正则表达式的方法和创建数学表达式的方法一样。也就是用多种元字符与运算符可以将小的表达式结合在一起来创建更大的表达式。正则表达式的组件可以是单个的字符、字符集合、字符...转载 2018-05-30 20:12:49 · 679 阅读 · 0 评论 -
JS中的call()方法和apply()方法用法总结
JS中的call()方法和apply()方法用法总最近又遇到了JacvaScript中的call()方法和apply()方法,而在某些时候这两个方法还确实是十分重要的,那么就让我总结这两个方法的使用和区别吧。1. 每个函数都包含两个非继承而来的方法:call()方法和apply()方法。2. 相同点:这两个方法的作用是一样的。都是在特定的作用域中调用函数,等于设置函数体内this对象的值,以扩充函...转载 2018-06-02 22:25:28 · 82 阅读 · 0 评论 -
浅谈JSONP跨域请求
浅谈JSONP跨域请求第一次听说JSONP跨域请求还是去年刚入职实习的时候,也借那个机会在网上好好了解了下用法,但是对于其如何实现还是不太明白。昨天一同事问我当时对JSONP的使用情况,突然发现一年多没用,对于这个跨域请求技术又忘的差不多了,刚好不知道这个星期该写篇什么方面的文章,那就趁这个机会再把JSONP琢磨琢磨顺便把过程记录下来,免得下次不记得了又得到网上到处找资源查阅。OK,进入正题!!!...转载 2018-05-25 09:51:33 · 231 阅读 · 0 评论 -
4种方法实现单行、多行——文本溢出显示省略号
4种方法实现单行、多行——文本溢出显示省略号一、单行溢出在前端基础,单行文本的溢出显示省略号,这种做法我们通常用text-overflow来实现,然后给元素定宽,超出隐藏,具体如下面一段代码:显示效果:二、那么多行文本溢出呢?具体代码如下:显示效果:说明:1、该方法不支持ff,主要是-webkit-line-clamp这一属性不是标注的一部分,可能是webkit内部使用的,或者被弃用的。根据存在即...转载 2018-05-07 15:02:38 · 17654 阅读 · 0 评论 -
React 入门实例教程
React 入门实例教程作者: 阮一峰日期: 2015年3月31日现在最热门的前端框架,毫无疑问是 React 。上周,基于 React 的 React Native 发布,结果一天之内,就获得了 5000 颗星,受瞩目程度可见一斑。React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram...转载 2018-04-29 09:50:39 · 104 阅读 · 0 评论