- 博客(37)
- 收藏
- 关注
RSS订阅转载 CSS中：和：：
一个冒号是伪类，两个冒号是伪元素伪类可以独立于文档的元素来分配样式，且可以分配给任何元素，逻辑上和功能上类类似，但是其是预定义的、不存在于文档树中且表达方式也不同，所以叫伪类。伪元素所控制的内容和一个元素控制的内容一样，但是伪元素不存在于文档树中，不是真正的元素，所以叫伪元素。伪类有：:first-child ，:link:，vistited，:hover:，active:focus，:...
2018-07-17 19:38:20
32289
1
转载 es6 javascript对象方法Object.assign()
es6 javascript对象方法Object.assign()1 基本用法Object.assign方法用于对象的合并，将源对象（ source ）的所有可枚举属性，复制到目标对象（ target ）。var target = { a: 1 };var source1 = { b: 2 };var source2 = { c: 3 };Object.assign(target, source...
2018-07-16 11:20:57
264
原创 ES7特性
ES7特性只有两个：Array.prototype.includes和求幂运算 **Array.prototype.includes() 作用：是查找一个值在不在数组里，若在，则返回true，反之返回false。 基本用法：接收两个参数：要搜索的值和（可选）搜索的开始索引，当第二个参数被传入时，该方法会从索引...
2018-07-16 10:02:47
340
转载 Vue双向绑定的实现原理
转自：https://www.w3cplus.com/vue/vue-two-way-binding-object-defineproperty.html2016年，Vue.js可谓是大放异彩，以迅雷不及掩耳之势赶React超Angular，用惯jQuery的我一下子被Vue开篇介绍的双向绑定给惊着了！一下子按捺不住好奇心，打算刨根究底，看看双向绑定到底是怎样实现的？目标第二个版本：更新Angul...
2018-07-10 17:06:27
209
转载 Vue双向绑定
转自：vue.js关于Object.defineProperty的利用原理 https://www.jianshu.com/p/07ba2b0c8fca 把一个普通对象（a={b:1}）传给 Vue 实例作为它的 data 选项，Vue.js 将遍历它的属性，用Object.defineProperty 将它们转为 getter/setter,如图绿色的部分所示。每次用户更改data里...
2018-07-10 16:59:22
295
转载 Vue2.0 v-for 中 :key 到底有什么用？
转自：Vue2.0 v-for 中 :key 到底有什么用？因为不理解 ：key（v-bind:key），网上查了一些的资料，这篇写得非常不错，很简洁清楚。 其实不只是vue，react中在执行列表渲染时也会要求给每个组件添加上key这个属性。 要解释key的作用，不得不先介绍一下虚拟DOM的Diff算法了。 我们知道，vue和react都实现了一套虚拟DOM，使我们可...
2018-07-10 13:50:57
6081
转载 前端模块化（CommonJs,AMD和CMD）
转自：前端模块化（CommonJs,AMD和CMD）CommonJs用在服务器端，AMD和CMD用在浏览器环境AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。提前执行（异步加载：依赖先执行）+延迟执行CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。延迟执行（运行到需加载，根据顺序执行）模块函数写法 function f1(){ //... } fu...
2018-07-10 12:42:00
224
转载 vue计算属性详解
转自：vue计算属性详解——小白速会vue计算属性详解——小白速会一、什么是计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：<div id="example"> {{ message.split('').reverse().join('') }}</div> 这里的表达式包含3个操作...
2018-07-10 11:53:34
272
原创 vuejs中的事件绑定
vuejs中的事件绑定，使用<v-on:事件名 = 函数名>来完成的，这里函数名是定义在Vue实例中的methods对象中的，Vue实例可以直接访问其中的方法.事件绑定的方式 （1） 内联直接把js写在标签上调用方法 <button v-on:click="alert（'hi'）">执行方法的第一种写法</button> （2）调用meth...
2018-07-10 11:03:11
7429
原创 vue数据绑定
1.数据绑定<h2>{{msg}}</h2> <!-- 绑定数据的另一种方法 --> <div v-text="msg"></div> export default { data () { /*业务逻辑里面定义的数据*/ return { msg: '你好vu...
2018-07-09 22:59:48
487
原创 VUE页面构成
在一个VUE页面中主要包含3部分，<template>、<script>以及样式表<style lang="scss" scoped>
2018-07-09 22:30:28
3886
原创 用vue-cli搭建vue开发环境
vue.js有著名的全家桶系列，包含了vue-router，vuex， vue-resource，再加上构建工具vue-cli，就是一个完整的vue项目的核心构成。1.vue-cli 是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板。作用:不必自己手动配项目环境，提供好基本的项目结构。npm install -g vue-cli验证是否安装成功vue –version用v...
2018-07-09 21:54:25
273
原创 Typescript:泛型
使用泛型可以来创建可重用的组件，一个组件可以支持多种类型的数据。泛型就是解决 类 接口 方法的复用性、以及对不特定数据类型的支持(类型校验) 泛型：可以支持任意的数据类型// T表示泛型，具体什么类型是调用这个方法的时候决定的，可以用任意字母表示，但是3个地方要一致//getData<T>表示泛型方法。//(value:T):T 参数是任意类型，返回值是任...
2018-07-08 13:11:39
354
原创 Typescript:接口
接口的作用：在面向对象的编程中，接口是一种规范的定义，它定义了行为和动作的规范，在程序设计里面，接口起到一种限制和规范的作用。接口定义了某一批类所需要遵守的规范，接口不关心这些类的内部状态数据，也不关心这些类里方法的实现细节，它只规定这批类里必须提供某些方法，提供这些方法的类就可以满足实际需要。 typescrip中的接口类似于java，同时还增加了更灵活的接口类型，包括属性、函数、...
2018-07-08 11:53:39
294
原创 Typescript：类
1.类的定义class Person { name: String; age: number; //构造方法 与java不同，不是使用类名，而是使用constructor constructor(name: String, age: number) { this.name = name; this.age = age; } ...
2018-07-08 10:50:17
1589
原创 Typescript：函数定义
回顾JavaScript中的函数定义：/*普通函数*/function add(a, b) { console.log(a + b);}add(1, 2);/*匿名函数*/var add1 = function (a, b) { console.log(a + b);};add1(3, 4);Typescript：函数定义/*普通函数*/function add(a...
2018-07-07 21:45:50
2446
原创 TypeScript：基本数据类型
基本类型 在TypeScript中有以下基本数据类型 • 布尔类型（boolean） var flag:boolean=true; • 数字类型（number）var num:number=123; • 字符串类型（string）var str:string="haha"; • 数组类型（array） 第一种方法： let arry: n...
2018-07-07 20:44:56
220
原创 什么是typescript以及如何使用
TypeScript TypeScript 是由微软开发的一款开源的编程语言 。TypeScript 是 Javascript 的超级， 遵循最新的 ES6、 Es5 规范。 TypeScript 从语言层面上扩展了JavaScript的语法。TypeScript 更像后端 java这样的面向对象语言可以让 js 开发大型企业项目 。应用：谷歌也在大力支持 Typescript 的推广， 谷歌的 ...
2018-07-07 14:49:21
8360
转载 JS中判断null、undefined与NaN的方法
转自：http://www.jb51.net/article/48481.htm1.判断undefined:1234var tmp = undefined; if (typeof(tmp) == "undefined"){ alert("undefined"); }说明：typeof 返回的是字符串，有六种可能："number"、"string"、"boolean"、"object"、&q
2018-04-19 11:28:50
1799
1
转载 javascript中为什么有时候会使用双逻辑非运算符的？
转自 ：https://blog.csdn.net/ansenamerson/article/details/71247425目录(?)[+]双逻辑非操作符的作用双逻辑非操作，会把一个值（数字，字符串…..）转换为布尔值。第一次逻辑非操作取反的布尔，第二次获得最初元素本身对应的布尔。alert(!!false); //falsealert(!!"blue"); //truea...
2018-04-19 08:57:05
780
原创 JS变量声明提升和函数声明提升
声明提升: JavaScript函数里的所有声明（只是声明，但不涉及赋值）都被提前到其当前作用环境的顶部，而变量赋值操作留在原来的位置。函数提升优先级比变量提升要高，且不会被变量声明覆盖，但是会被变量赋值覆盖。 function fun(){ console.log ("函数");} var fun; console.log("第一个:" + fun); 输出:function ...
2018-04-12 14:50:41
460
转载 ARP协议工作原理
转自：https://blog.csdn.net/wangzhen209/article/details/78249955一、ARP在同个网段下的工作原理 首先，每台主机都会在自己的ARP缓冲区中建立一个 ARP列表，以表示IP地址和MAC地址的对应关系。当源主机需要将一个数据包要发送到目的主机时，会首先检查自己 ARP列表中是否存在该 IP地址对应的MAC地址，如果
2018-03-31 10:27:11
16190
2
转载 什么是node.js
链接：https://www.zhihu.com/question/33578075/answer/56951771浏览器给网站发请求的过程一直没怎么变过。当浏览器给网站发了请求。服务器收到了请求，然后开始搜寻被请求的资源。如果有需要，服务器还会查询一下数据库，最后把响应结果传回浏览器。不过，在传统的web服务器中（比如Apache），每一个请求都会让服务器创建一个新的进程来处理这个请
2018-03-27 11:08:31
375
原创 node.js安装
初次接触，先把环境正好，把安装和配置过程记录下来。1、Windows 安装包(.msi)32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi2、接下来就是安
2018-03-27 10:47:23
105
转载 Javascript异步编程的4种方法
出自:http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html你可能知道，Javascript语言的执行环境是"单线程"（single thread）。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的
2018-03-01 13:31:05
101
转载 JSON和JSONP
出处：http://www.cnblogs.com/imsoft/ 前言 由于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。 当然了，通过调用强大的PhoneGap插件然后打包，你可以实现100%的Socket通讯和本地数据库功能，又或者通过HTML5的WebSocket也可以实现与服务器的通
2018-03-01 11:55:11
94
转载 ajax跨域--怎么解决跨域问题？
转自：http://blog.csdn.net/lambert310/article/details/51683775什么是跨域？跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器施加的安全限制。所谓同源是指，域名，协议，端口均相同，不明白没关系，举个栗子：http://www.123.com/index.html 调用 http://
2018-03-01 11:44:13
158
转载 ajax如何实现、readyState五中状态的含义
转载：http://www.cnblogs.com/teroy/p/3917439.html 熟悉web开发的程序员想必对Ajax也不会陌生。现在已经有很多js框架封装了ajax实现，例如JQuery的ajax函数，调用起来非常方便。当然本文不打算讲框架的使用，我们将从Ajax的javascript源码实现开始。Ajax源码实现var getXmlHttpRequest = f
2018-03-01 11:30:29
516
转载 HTTP缓存
转自：http://blog.csdn.net/VGWCIrO8NU/article/details/60133311 Web缓存是可以自动保存常见文档副本的HTTP设备。当Web请求抵达缓存时，如果本地有“已缓存的”副本，就可以从本地存储设备而不是原始服务器中提取这个文档。本文将详细介绍缓存的相关内容 功能 总的来说，缓存有以下四个功能：缓存减少了冗余的数据
2018-03-01 09:34:55
369
转载 sublime text3 快速编写 HTML/CSS代码
转自：http://www.cnblogs.com/EnSnail/p/6294897.htmlEmmet的前身是大名鼎鼎的Zen coding，如果你从事Web前端开发的话，对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度，比如下面的演示： Zen coding下的编码演示一、快速编写HTML代码 1. 初始化 HTML文档需要包含一些固定...
2018-02-24 19:36:00
29532
2
原创 html文字的表达方式
1.直接写中文名称 font-family:"微软雅黑"2.写字体的英文名称 font-family:SimSun3.写unicode 编码第一步：f12第二步：找到console第三步：输入escape(“宋体”) 注意英文的括号和双引号，将“%”换成“\”就是该字体的Unicode编码。...
2018-02-23 13:51:02
651
原创 安装sublime text3 包管理器
1、ctrl+~键调出控制台，然后输入如下代码：import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packag...
2018-02-22 18:25:04
2147
转载 GET和POST区别
转自http://m.techweb.com.cn/article/2016-10-11/2407736.shtml#你轻轻松松的给出了一个“标准答案”：GET在浏览器回退时是无害的，而POST会再次提交请求。 GET产生的URL地址可以被Bookmark，而POST不可以。 GET请求会被浏览器主动cache，而POST不会，除非手动设置。 GET请求只能进行url编码，而POST支
2018-02-20 21:12:09
113
转载 输入网址到网页显示的过程
转自：http://blog.csdn.net/donggx/article/details/71402871从用户输入一个网址到网页最终展现到用户面前，中间的大致流程总结如下：1) 在客户端浏览器中输入网址URL。2) 发送到DNS(域名服务器)获得域名对应的WEB服务器的IP地址。3) 客户端浏览器与WEB服务器建立TCP(传输控制协议)连接。4) 客户端浏览器向对应I
2018-02-20 17:56:34
10907
3
转载 CSS 优化、提高性能的方法
转自：http://www.cnblogs.com/mysun-shine/p/6434377.htmlCSS 优化、提高性能的方法 如何提高CSS性能，根据页面的加载性能和CSS代码性能，主要总结有下面几点： 1、尽量将样式写在单独的css文件里面，在head元素中引用 有时候为了图方便或者快速搞定功能，我们可能会直接将样式写在页面的style标签或者直接内联在元素上，
2018-02-20 16:23:54
276
转载 CSS加载性能的优化
转自：https://www.tuicool.com/articles/Yfeeu2J将首屏页面要用到的CSS文件，放在页面头部加载，其他模块的CSS可以使用异步加载：loadCSS 和 Preload。关于preload,推进2篇文章给大家看下：1、通过rel="preload"进行内容预加载： https://developer.mozilla.org/zh-CN/docs/Web/HTML/...
2018-02-20 16:20:17
454
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人