前端技术
liankongxy
这个作者很懒,什么都没留下…
展开
-
好久没写博客了,最近决心要弄一些东西出来,先在这里立个flag,近期修改内容(React相关)
2020.5.11更新原创 2020-05-10 21:25:13 · 145 阅读 · 1 评论 -
expres路由
basic routeconst express=require(‘express’);var app=express();app.methds(“path”,(req,res)=>{});每个路由可以包含next(),相当于一个callback的参数,作用是切换当前控制到下一个callbackmethods的种类:app.get("/",(req,res)=>{})a...原创 2019-03-12 11:09:25 · 261 阅读 · 0 评论 -
js——事件
一、 事件流事件分类事件流分类两种,IE的事件流叫做 ** 事件冒泡 **,Netscape提出了 ** 事件捕获 **事件流事件冒泡是从目标节点div开始向上层逐级冒泡直到Document对象,这样的结果是事件会沿着DOM树向上传播,在每一级节点都会发生该事件;事件捕获是不太具体的节点应该更早接受到事件,而最具体的节点应该最后接收到事件,它的目的在于事件到达预定目标之前捕获它,当点击预...原创 2019-05-31 09:22:25 · 74 阅读 · 0 评论 -
webpack那点事
1. 原理1.原理:是一个静态模块打包器,当webpack处理应用程序时,会递归的构建一个依赖关系图,其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle。...原创 2019-07-19 00:09:43 · 106 阅读 · 0 评论 -
vue组建通信,包含父子组建、跨级(爷孙)通信、兄弟组件(类似于观察者模式)通信
<div id="app"> <h1>下面的父子通信,主要组件定义的顺序不能换</h1> <parent></parent> <h1>下面的兄弟组件通信,</h1> <up></up> <down></down> </div> ...原创 2019-07-21 12:16:24 · 578 阅读 · 0 评论 -
使用async和promise每隔1s,2s,3s打印
var counts=1;async function aa(arg){ return arg;}aa(counts).then((res)=>{ setTimeout(function(){ console.log(res) setTimeout(arguments.callee,(res++)*1000) },res*1000)})原创 2019-08-12 21:49:56 · 2496 阅读 · 0 评论 -
express
生成器express-generator路由(中间件的一种)举个例子:var express=require('express');var app=express();app.get('/',(res,req)=&gt;{res.send('Hello World!');静态文件(中间件的一种)利用express托管班静态文件,使用express内置中间件函数express.st...原创 2019-03-11 20:18:04 · 125 阅读 · 0 评论 -
es6 Symbol
Symbol:es6新增数据类型,表示独一无二的值let s1=Symbol()由于 Symbol 值不是对象,所以不能添加属性。基本上,它是一种类似于字符串的数据类型。let s1 = Symbol('foo');let s2 = Symbol('bar');s1 // Symbol(foo)s2 // Symbol(bar)s1.toString() // "Symbol(fo...原创 2019-03-08 19:07:42 · 280 阅读 · 0 评论 -
利用let和箭头函数解决变量提升问题
name: " jsCoder";skill: ["“es6”", "“react”", "angular”"];for(let i = 0, len = this.skill.length; i< len; i++){setTimeout(()=>{console.log(i+1 + this.name);console.log(this.skill[i]);}, 0);...原创 2019-03-06 15:18:38 · 563 阅读 · 0 评论 -
web异步与实时交互开发总结(一)
web异步与实时交互开发web异步与实时交互方式分类交互方式有:轮询、长轮询、长连接以及推送。轮询:不断使用基于http协议的web交互方式对服务器端数据进行获取,但在满足实时更新服务器端信息的同时有一定的延迟。客户端定时发送请求,服务器端接收到客户端请求后,马上进行响应,并关闭连接。http通信在下一篇博客中说明。长连接:客户端发送请求,服务器端接收到客户端请求后进行阻塞,并保持连接;当...原创 2018-10-30 23:08:41 · 2037 阅读 · 0 评论 -
反转字符串
给定一个字符串,你需要反转字符串中每个单词的字符顺序,同时仍保留空格和单词的初始顺序。下次再用js实现输入: “Let’s take LeetCode contest”输出: “s’teL ekat edoCteeL tsetnoc”注意:在字符串中,每个单词由单个空格分隔,并且字符串中不会有任何额外的空格。class Solution { public String revers...原创 2018-11-15 23:05:50 · 110 阅读 · 0 评论 -
前端系列知识之JS——操作符
一元操作符前置递增(减)操作符++后置递增(减)操作符的区别:前置递增(减)age++(--)相当于age=age+(-)1后置递增(减)把后置递增(减)操作符放在变量后面不会改变语句的结果,例如:var num=1;var num2=2;var num3=num--+num2;//3var num4=num+num2;//22.位操作符位操作符现将64...原创 2019-01-03 23:28:37 · 235 阅读 · 0 评论 -
前端系列知识之JS(es6)——内置类型
JS一共有七种内置类型,这其中内置类型又可以分为两大类型:数据类型和对象(object)数据类型有六种:null、undefined、number、string、boolean、symbol注意:JS中number中只有浮点型没有整型一说,而且是基于ieee 754标准``,这一点区别于其他编程语言。...原创 2019-01-03 11:38:32 · 235 阅读 · 0 评论 -
node核心技术系列
养病几天后又看了看node,总结一下node核心技术node的三大特性:单线程、非阻塞I/O,事件驱动1. node.js中的处理数据i/oNode.js提供了‘Buffer’模块和'Stream'文件流,来处理大量的二进制数据。(1)Buffer缓冲区大小最大为1GB,是在内容中操作数据的容器,Node中Buffer操作有一下几种方式:创建对象var buf=new Buffe...原创 2019-07-06 22:26:24 · 298 阅读 · 0 评论 -
深浅拷贝封装
对象、数组、字符串注意考虑:多维数组、数组对象function arrDeepCopy(source){if(source instanceof Array){var copy=[];for(var item in source){copy=typeof source[item]==='Object'? arrDeepCopy(source[item]):source[item];...原创 2019-03-05 22:34:10 · 311 阅读 · 0 评论 -
深拷贝的操作方法
push()reverse()shift()unshift()sore()splice()原创 2019-03-05 22:44:58 · 270 阅读 · 0 评论 -
Promise封装一个ajax
let ajax=(obj)=&gt;{ return new Promise((resolve,reject)=&gt;{ ...原创 2019-03-06 14:59:47 · 203 阅读 · 0 评论 -
web异步与实时交互总结(二)
上一篇介绍了iframe和ajax,接下来见介绍websocket技术iframe、ajax基本思路是浏览器端及时提交请求,服务器收到请求后进行阻塞,并保持连接,等待有消息发送时,及时向浏览器端进行响应推送。然而,这些技术都是基于http协议实现。从根本上将,http是半双工的协议,在同一时刻信息只能单向传输。然而在一些实时性要求高的场合,如在线订票系统、即时通信系统,当服务器数据发横变化是,需...原创 2018-10-31 15:03:49 · 303 阅读 · 0 评论