- 博客(42)
- 收藏
- 关注
RSS订阅转载 vue --- > 修饰符.lazy、.number、.trim
.lazy: 会在转变为change事件中同步<div id="app"> <input type="text" v-model.lazy="message"> <p>{{ message }}</p></div><script> const app = new Vue({ el:...
2019-06-30 21:26:16
527
转载 vue --- > v-for给input绑定值,并实现checkbox的全选
<!DOCTYPE html><html><head><meta charset="utf-8"></head><body> <div id="app"> <input type="checkbox" v-model="checkedAll" id="all" @click="s...
2019-06-30 20:51:02
6791
转载 javascript --- > 再读作用域和闭包
执行环境:// 定义了变量或函数有权访问的其他数据,决定了它们各自的行为// 每个执行环境都有一个与之关联的变量对象// 执行环境中定义的所有变量和函数都保存在这个变量中执行环境与函数:// 每个函数都有自己的执行环境,当执行流进入一个函数时,函数的环境就会被推入一个环境栈中.// 而在函数执行之后,栈将其环境弹出,把控制权返回给之前的执行环境作用域链:// 当代码在一个环境中...
2019-06-26 19:22:08
79
转载 css --- > 使用flex写一个常见的两列布局
flex-grow:<style> .content { display: flex; } .aside.left { width:200px; border:3px solid black } .aside.main0 { flex-grow: 0; border...
2019-06-26 15:21:30
8598
转载 http --- > HTTPS是在安全的传输层上发送的HTTP
HTTPS:// HTTPS是最常见的HTTP安全版本// 是在安全的传输层上发送的HTTP// 将HTTP报文发送给TCP之前,先将其发送给了一个安全层(通过SSL协议实现),对其进行加密.然后再发送给TCP// 在服务器端,通过提取商量好的密钥进行解密HTTPS方案:// 对Web服务器发起请求时,需要有一种方案来告知Web服务器执行(http,或https).// 该方案在...
2019-06-26 10:18:59
971
转载 计网 --- > 域名服务系统:因特网的目录服务
主机名:// 主机的一种标识方法如:cnn.comwww.yahoo.comgaia.cs.umass.educis.poly.edu主机名可能由不定长的字母数字组成,路由器难以处理.由于这些原因,主机也可以使用IP地址(IP address) 进行标识// 简略介绍ip地址// 一个IP地址由4个字节组成,并有着严格的层次结构// 例如:121.7.106.83这样一个IP...
2019-06-25 22:44:40
372
转载 javascript --- > 防抖与节流
先做一个监听鼠标移动的base:<style> #content{ height:150px; width:200px; text-align:center; color:#fff; background-color:#ccc; font-size: 70px; }<...
2019-06-25 21:03:01
89
转载 javascript --- > 原生的拖拽功能实现
准备一个方块:<style> .drag{ background-color:#aaf; position:absolute; }</style><div class="drag" style="width:100px;height:100px;top:0;left:0"></div>监听鼠...
2019-06-25 16:24:33
117
转载 es6 --- > promise和async/await的区别
首先需要了解async函数:async是Generator函数的语法糖:// 使用Generator依次读取两个文件var fs = require('fs');var readFile = function (fileName) { return new Promise(function (resolve, reject) { fs.readFile(filena...
2019-06-25 13:37:05
4708
转载 es6 --- > 手写一个promise
一个promise实例:var getJSON = function(url) { var promise = new Promise(function(resolve, reject) { // XHR对象发现ajax请求 var client = new XMLHttpReqeust(); client.open("GET", url)...
2019-06-25 09:23:39
623
2
转载 http --- > 前端的缓存
前端的缓存分为: http缓存 和 浏览器缓存http缓存:// 当客户端向服务器请求资源时,会先抵达浏览器缓存,如果浏览器有"要请求资源"的副本// 就会从浏览器缓存中提取而不是从原始服务器中提取这个资源// 常见的http缓存,只能缓存get请求响应的资源,对于其他类型的响应则无能为力,所以后续说的请求缓存都是指GET请求// http缓存都是从第二次请求开始的.第一次请求资源时...
2019-06-24 21:41:03
108
转载 javascript --- > 几个其他的跨域技术(图像Ping、JSONP、Comet)
在CORS(Cross-Origin Resource Sharing,跨域资源共享)出现以前,要实现跨域Ajax通信是很难的.可以利用DOM中能够执行跨域请求的功能,来实现跨域通信:浏览器到服务器的单向通信:此项技术称为图像Ping,利用的是img.src的跨域事件img.src只能通过侦听load和error事件来确定浏览器数据是否到达服务器,而无法获取服务器的任何内容// 图片Pi...
2019-06-24 15:16:15
285
转载 javascript --- > XMLHttp2级、CORS(跨域资源共享)
FormData:// 为序列化表单以及创建与表单格式相同的数据提供了便利var data = new FromData();data.append("name", "Nicholas");// 使用FormData标准化数据后,发送到服务器var xhr = createXHR();xhr.onreadystatechange = function () { if ( xh...
2019-06-24 13:39:19
247
转载 javascript --- > XHR(XMLHttpRequet)对象
XHR:// XHR(XMLHttpRequest):为向服务器发送请求和解析服务器响应提供了流畅的接口// 能够以异步方式从服务器取得更多信息,意味着用户点击后,可以不必刷新页面也能取得新数据// 换句话说,可以使用XHR对象获取新数据,然后再通过DOM将新数据插入到页面中.XMLHttpRequest对象:// IE5是第一款引入XHR对象的浏览器.再IE5中,XHR对象是通过MS...
2019-06-24 09:49:42
915
转载 http --- > 路由器缓存与常见的状态码
路由器的缓存:// 当下路由器其主要系统性能指吞吐率、利用率、丢包率、延迟、缓存大小和实现复杂性等.// 当链路上发生拥塞时能够对新进入的数据包进行缓存// 从而降低丢包率、维持高的链路利用率// 用于存放路由表的内存,速度快,价格也高状态码:// 为客户端提供了一种理解事务处理结果的便捷方式.就是说,客户端很容易根据状态码,来决定下一步该如何操作.常见状态码:// 100 C...
2019-06-23 20:12:43
597
转载 http --- > Web页面请求的历程(如何根据URL寻找到需要的资源)
HTTP概况:// 超文本传输协议(HyperText Transfer Protocol,HTTP):是Web的应用层协议,它是Web的核心.// 客户端和服务器运行在不同的端系统中,通过交换HTTP报文进行会话// HTTP定义了这些报文的结构以及客户和服务器进行报文交换的方式// HTTP定义了Web客户向Web服务器请求Web页面的方式,以及服务器向客户传送Web页面的方式We...
2019-06-23 16:16:46
1280
转载 javascript --- > 事件对象和事件类型
// 无论程序使用"DOM0级"规范还是"DOM2级"规范,都会在局部产生一个event对象,// 将其打印出来研究:<div id="divBtn"> <button id="rawBtn" >Click Me!</button> </div><script> const divBtn = document.ge...
2019-06-23 11:04:41
129
转载 javascript --- > DOM0级、DOM2级、跨浏览器 的事件处理程序
DOM0级事件处理程序:// 使用DOM0级方法指定的事件处理程序被认为是元素的方法// 这个时候的事件处理程序是在元素的作用域中运行:<div id = "myBtn" >DOM0</div><script> var btn = document.getElementById("myBtn"); btn.onclick= functio...
2019-06-22 20:56:51
203
转载 javascript --- > js中的事件
事件实现松耦合:// JS和HTML之间的交互是通过事件实现的.// 事件,就是文档或浏览器窗口中发生一些特定的交互瞬间.// 可以使用侦听器来预定事件,以便事件发生时执行相应的代码.// 这种在传统软件工程中被称为观察员模式的模型,支持页面的行为与页面的外观之间的松耦合事件流:// 多个浏览器开发团队在看待浏览器事件上都保持同一个理念// 当你点击了某个按钮,他们都认为单击事件不...
2019-06-22 20:16:15
207
转载 http --- > 密码、密钥、对称(公开)密钥加密系统、数字签名、数字证书的一些概念
密码(cipher)// 密码是一套编码方案和使用相应解码方式的结合体// *明文:使用密码加密之前的称为明文// *密文:使用密码进行加密的称为密文最初的密码是相当简单的,很容易就可以破解,于是产生了密码机:// 密码机可以用复杂得多得密码来快速、精确地对报文进行编码.它们可以替换字符、改变字符顺序、将报文切片,总之是密码变得更难破解// *密钥:要在密码机中输入正确地密钥,解密过...
2019-06-20 10:54:55
830
转载 http --- > 基本认证与摘要认证
基本认证:// (a)客户端:查询GET /cgi-bin/checkout?cart=17854 HTTP/1.1// (b)服务器:质询HTTP/1.1 401 UnauthorizedWWW-Authenticate: Basic realm="Shopping Cart"// (c)客户端:响应GET /cgi-bin/checkout?cart=17854 HTTP/1...
2019-06-20 09:16:34
411
转载 http --- cookie与会话跟踪
以购物网站Amazon.com为例// (a)客户端:首次请求Amazon.com根页面GET / HTTP/1.0Host: www.amazon.com// (b)服务器:将客户端重定向到一个电子商务软件的URL上HTTP/1.1 302 FoundLocation: http://www.amazon.com:80/exec/obidos/subst/home/redirect...
2019-06-19 16:24:39
127
转载 http --- 网关、隧道、中继
网关:// 作为某种翻译器使用,抽象出了一种能够到达的资源// 应用程序可以请求网关来处理某条请求.// 在HTTP和其他协议及其应用程序之间起到接口作用FTP URL的HTTP请求:GET ftp://ftp.irs.gov/pub/00-index.txt HTTP/1.0Host: ftp.irs.govUser-agent: SuperBrowser 4.2// 若显式...
2019-06-18 21:20:38
296
转载 http --- > 缓存
Web缓存:// 是可以自动保存常见文档副本的HTTP设备.当Web请求抵达缓存时,如果本地有"已缓存的"副本,就可以从本地存储设备而不是原始服务器中提取这个文档.冗余的数据传输:// 有很多客户端访问一个流行的原始服务器页面时,服务器会多次传输同一份文档,每次传递给一个客户端.这样一些相同的字节会在网络中一遍遍的传输,大// 大的降低了网络的传输效率,浪费Web资源.有了缓存,就可以保...
2019-06-18 14:56:33
113
转载 vue --- > vue-router
vue-router的CDN<script src= "https://unpkg.com/vue-router@2.5.3/dist/vue-router.js"></script>// 当然还需要导入vue的cdn<script src="https://cdn.jsdelivr.net/vue/2.1.3/vue.js"></script&g...
2019-06-18 10:06:38
151
转载 vue --- > compoent妙用
首先利用写一个静态模板的组件<div id = "app"> <my-arti></my-arti></div><script> Vue.component('my-arti',{ template: '<div style="border:1px solid black">...
2019-06-15 22:14:22
415
转载 vue --- > v-for、v-on、v-model、v-once
v-for:<div id = "app"> <ul> <li v-for="item in list">{{item}}</li> </ul></div><script> let app = new Vue({ el:'#app', d...
2019-06-15 21:09:47
196
转载 vue --- > v-text、v-show、v-if、v-else
v-text:<div id = "app"> <p v-text="msg"></p></div><script> let app = new Vue({ el:'#app', data:{ msg:'Hello Vue' } })&...
2019-06-15 20:43:33
333
转载 vue --- > v-html、v-bind
v-html// 有时候,我们需要展示<strong>,但直接使用下面的语法并不会显示<div id = "app">{{name}}</div><script> let app = new Vue({ el:'#app', data:{ name:'<strong>...
2019-06-15 20:15:46
1160
转载 vue --- > vue中的几个钩子属性
1.创建前:beforeCreate <div id="app">{{name}}</div> <script> let app = new Vue({ el:'#app', data:{ name:31231312 }, beforeCreate(){ ...
2019-06-14 17:29:45
411
转载 vue --- > 过滤器、计算、方法、观察属性
过滤器属性:filters:<div id = "app"> {{num}}<br> {{num | toInt}}<br> {{num | toFloor}}<br> {{num | toCeil}}<br></div><script> let vm = new Vu...
2019-06-14 16:58:35
152
转载 vue --- > cdn导入,一些基本操作
使用cdn导入vue.并使用vue做一些简单的操作.cdn导入vue<script src="https://cdn.jsdelivr.net/vue/2.1.3/vue.js"></script>往dom元素中添加信息<div id="app"> 数据驱动视图:{{name}}</div><script> ...
2019-06-14 15:45:56
1075
转载 算法 --- > 顺序查找、二分查找的js实现
顺序查找:function seqSearch(arr, data) { for(let i = 0; i< arr.length;i++) { if(data == arr[i]) { return i; } } return -1}var arr=[3,44,38,5,47,15,36,26,27,2,...
2019-06-12 19:51:22
141
转载 算法 --- > 二叉树查找树的先序(中序、后序)遍历的js实现
结点:function Node(data, left, right) { this.data = data; this.left = left; this.show = show;}显示树的数据:function show(){ return this.data;}二叉查找树:// Binary Search Treefunction BST(...
2019-06-11 22:26:25
538
转载 算法 --- > 希尔排序、归并排序、快速排序的js实现
希尔排序:function shellSort(arr) { let len = arr.length; let temp, gap = 1; while(gap < len/3) { gap = gap*3 +1 } while(gap >=1) { for(let i = gap;i< len; i++...
2019-06-11 21:15:25
149
转载 算法 --- > 冒泡排序、选择排序、插入排序的js实现
冒泡排序:function bubbleSort(arr){ let i = arr.length; while(i >0){ for(let j = 0; j< i; j++) { let pos = 0; if(arr[j] > arr[j+1]) { pos =...
2019-06-10 19:43:21
111
转载 javascript --- > 使用run函数,让100条ajax依次执行
使用如下:function *foo(len,urlArray) { let r = []; for(let i =0; i< len; i++){ r[i] = yield request(urlArray[i]); }}// len:是长度,urlArray,是请求的url数组..下面附上run函数的代码,以及证明以上是成立的// Be...
2019-06-04 16:19:54
1514
转载 es6 --- > 异步迭代生成器 && Promise
看一个经典ajax回调的例子:function foo(x, y, cb) { ajax( "http://some.url.1/?x=" + x + "&y=" + y, cb );}foo(11, 31, function(err, text) { if(err) { console.error(err);...
2019-06-04 14:46:55
172
转载 es6 --- > 使用生成器交替执行
考虑以下场景:var a = 1;var b = 2;function foo(){ a++; b = b * a; a = b + 3;}function bar(){ b--; a = 8 + b; b = a * 2;}foo();bar();console.log(a, b); // 11 22bar();...
2019-06-04 10:47:19
178
转载 es6 --- > 解构赋值的简洁性
设想你有一个工具foo,它可以异步产生两个值(x和y):function getY(x) { return new Promise( function(resolve, reject) { setTimeout( function() { resolve( (3*x) -1 ); }, 100); });}functi...
2019-06-03 21:34:24
115
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人