2 七块oooo

尚未进行身份认证

我要认证

keep learing

等级
TA的排名 7w+

为什么要用typeScript

typeScript 冲冲冲1. ts 能带来什么好处?1. ts 能带来什么好处?静态类型能够在开发的时候发现潜在的问题定义了函数,但是忘记传递参数 2. 编写时更友好的提示3. 更好的可读性

2020-05-29 23:26:37

nginx 反向代理

nginx: 利用反向代理解决跨域问题。1. 服务端服务端主要内容:const http = require('http')const PORT = 8222const serverHandle = require('../app')const server = http.createServer(serverHandle)server.listen(PORT)完整内容查看g...

2019-12-10 18:02:48

实现express 中间件原理

中间件原理: 核心handle方法// express 中间件原理const http = require('http')const slice = Array.prototype.sliceclass LikeExpress { constructor() { // 存放中间件的列表 this.routes = { al...

2019-12-10 14:58:41

Node.js 从零开发web service

1. 学习内容2. server 开发和前端开发的区别服务稳定性(PM2 做进程守候)考虑内存和CPU日志业务(stream 写日志, 使用redis存session)安全集群和服务拆分3. 目标 : 开发博客,具备基本功能需求:首页 , 作者页,博客详情页登陆页管理中心,新建页,编辑页开发接口http请求:一、DNS解析,建立TCP连接,发送http请...

2019-11-11 10:31:03

Node.js 入门学习

Node.js 的特点: 事件驱动、异步I/O(在处理高并发、异步I/O密集场景性能优势明显)。Web场景下性能好。

2019-09-11 23:56:16

微信小程序 图表组件化

参考: github : wx-charts1. 扇形图参考:绘制图表数据 chartData: [ {data: 15,name: '成交量1',color: '#7cb5ec'}, {data: 35,name: '成交量2',color: '#f7a35c'}, {data: 63,name: '成交量3',color: '#41affc'}, ...

2019-08-22 11:04:11

react 源码学习

源码学习记录1. React Api2. React中的创建更新3. React调度过程(Fiber Scheduler)4. 组件如何进行更新5. 组件更新完成后进行的操作1. 虚拟Dom对比2. 渲染中出现错误的处理过程6. 真实Dom更新7. 各种功能的实现(content,ref,hydrate...)8. Suspense (超前体验)9. Hooks1. React ApiFibe...

2019-08-06 23:15:47

react 记录

1. 两种获取dom节点 的方式import React, {Fragment} from 'react'class Test extends React.Component { constructor(props) { super(props); // 创建 this.third = React.createRef(); } componentDidMo...

2019-06-02 23:41:17

react-native 记录

react 冲鸭!1. 子组件 传递方法并带上参数1. 子组件 传递方法并带上参数父组件单独写:<div onClick={this.handleItemDelete.bind(this,index)}> </div>父子组件写法父组件: constructor(props) { super(props) this.handl...

2019-04-28 23:59:13

好文记录

1. 为什么说DOM操作很慢 – 思否2. HTTP与WebSocket的区别 – CSND有点没记住http1.1:长连接;轮询webSocket:持久链接,全双工。

2019-03-31 21:13:56

初级前端面试----Record

1. 子元素垂直居中的方法参考:关于css水平垂直居中的总结对于行内元素(inline)单行:设置上下 pandding 相等;或者设置 line-height 和 height 相等多行:设置上下 pandding 相等;或者设置 display: table-cell; 和 vertical-align: middle;;或者使用 flex 布局对于块级元素(block):...

2019-03-26 23:43:32

webpack 性能优化

1 . 减少 Webpack 的打包时间的方法优化 Loader 的文件搜索范围只在 src 文件夹下查找 include: [resolve('src')],还可以将 Babel 编译过的文件缓存起来,下次只需要编译更改过的代码文件loader: 'babel-loader?cacheDirectory=true'HappyPack 可以将 Loader 的同步执行转...

2019-03-25 22:00:20

canvas实现转盘功能 ---- H5

1. IOS端点击图片闪屏这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。body, html { -webkit-tap-highlight-color:transparent;}2. 最关键的canvas 绘图效果图: 点击之后转盘转动,然后弹出中奖结果需要解决的问...

2019-03-20 15:16:38

vue 必知必会

1. data 为什么要返回一个函数返回函数是为了让组件有自己的data对象而不与其它组件共享,加入返回对象的话(对象是按引用地址传递)会造成多组件间共享data数据。官方解释: data-必须是一个函数参考学习: Vue 组件 data 为什么必须是函数? 从原型链的角度去认识:加入组件原型链上的data是对象的话,如果两个实例同时引用一个对象,那么当你修改其中一个属性的时候,另外...

2019-03-15 10:00:56

HTTP -- 必知必会前端知识

1. TCP 三次握手与四次挥手三次握手目的:(建立连接) 为了防止server端一直等待,浪费资源。四次挥手目的: (断开连接) 中间两步: ACK是发送数据并没有关闭的意思。只有收到fin才表示关闭连接。time_out阶段:主动关闭的一方在回复完对方的挥手后进入一个长期的状态,这个标准持续的时间是4分钟(2MSL)。参考链接:跟着动画来学习TCP三次握手和四次挥手2. ...

2019-03-03 22:45:36

微信小程序 常用API

1. 保存图片API: wx.getImageInfo():获取图片路径; wx.saveImageToPhotosAlbum() 保存图片关键点:通过模态框去引导用户进行授权操作: wx.showModal(),wx.openSetting()// 保存图片saveImg() { let current = this.data.imageurl let that = th...

2019-02-26 11:55:44

微信小程序 常用函数

获取本周日期note:上周日到这周六的日期// 返回的是关于日期的一个数组 [18,19,20...] getDates() { let nowDate = new Date() let timesStamp = nowDate.getTime(); let currenDay = nowDate.getDay(); let dates = []; /...

2019-02-22 18:30:42

javaScript 必知必会

Promise好好用1. 并行请求,等待多个异步请求结束后处理结果1. 并行请求,等待多个异步请求结束后处理结果 const detail = 一个异步请求 const comments = 另一个异步请求 Promise.all([detail,comments]).then(res=>{ //这里就是等待两个异步请求都结束的结果处理 //并且res[0]是detail的结...

2019-01-24 22:30:05

微信小程序 封装函数

1. 回调方式封装: http 请求classic.js文件:class HTTP { //http 请求类, 当noRefech为true时,不做未授权重试机制 request(params) { var that = this var url = this.baseRestUrl + params.url; if (!params.method) {...

2019-01-06 22:53:28

一个H5的canvas画板

引:https://zhoushuo.me/drawingborad/1. 主要实现能够提供给用户绘图的功能;实现:通过点击,移动事件获取当前坐标,并且在移动的时候将当前的坐标作为下一次起始值的坐标,然后调用绘图功能;根据四个坐标点绘图。<!DOCTYPE html><html lang="en"><head> <meta cha...

2018-12-16 21:29:02

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。