自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

七元八元

都不够

原创 nginx 反向代理

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

2019-12-10 18:02:48

阅读数 11

评论数 0

原创 实现express 中间件原理

中间件原理: 核心handle方法 // express 中间件原理 const http = require('http') const slice = Array.prototype.slice class LikeExpress { constructor()...

2019-12-10 14:58:41

阅读数 20

评论数 0

原创 Node.js 从零开发web service

1. 学习内容 2. server 开发和前端开发的区别 服务稳定性(PM2 做进程守候) 考虑内存和CPU 日志业务(stream 写日志, 使用redis存session) 安全 集群和服务拆分 3. 目标 : 开发博客,具备基本功能 需求: 首页 , 作者页,博客详情页 登陆页 ...

2019-11-11 17:46:35

阅读数 19

评论数 0

原创 Node.js 入门学习

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

2019-09-11 23:56:16

阅读数 25

评论数 0

原创 微信小程序 图表组件化

参考: github : wx-charts 1. 扇形图 参考:绘制图表 数据 chartData: [ {data: 15,name: '成交量1',color: '#7cb5ec'}, {data: 35,name: �...

2019-08-22 11:04:11

阅读数 106

评论数 0

原创 react 源码学习

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

2019-08-06 23:15:47

阅读数 44

评论数 0

原创 react 记录

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

2019-06-02 23:41:17

阅读数 39

评论数 0

原创 react-native 记录

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

2019-04-28 23:59:13

阅读数 58

评论数 0

原创 好文记录

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

2019-03-31 21:13:56

阅读数 100

评论数 0

原创 初级前端面试----Record

1. 子元素垂直居中的方法 参考:关于css水平垂直居中的总结 对于行内元素(inline) 单行:设置上下 pandding 相等;或者设置 line-height 和 height 相等 多行:设置上下 pandding 相等;或者设置 display: table-cell; 和 ver...

2019-03-26 23:43:32

阅读数 863

评论数 0

原创 webpack 性能优化

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

2019-03-25 22:00:20

阅读数 93

评论数 0

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

1. IOS端点击图片闪屏 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。 body, html { -webkit-tap-highlight-color:transparent;...

2019-03-20 15:16:38

阅读数 1145

评论数 2

原创 vue 必知必会

1. data 为什么要返回一个函数 返回函数是为了让组件有自己的data对象而不与其它组件共享,加入返回对象的话(对象是按引用地址传递)会造成多组件间共享data数据。 官方解释: data-必须是一个函数 参考学习: Vue 组件 data 为什么必须是函数? 从原型链的角度去认识:加...

2019-03-15 10:00:56

阅读数 105

评论数 0

原创 HTTP -- 必知必会前端知识

1. TCP 三次握手与四次挥手 三次握手 目的:(建立连接) 为了防止server端一直等待,浪费资源。 四次挥手 目的: (断开连接) 中间两步: ACK是发送数据并没有关闭的意思。只有收到fin才表示关闭连接。 time_out阶段:主动关闭的一方在回复完对方的挥手后进入一个长期的状态,...

2019-03-03 22:45:36

阅读数 74

评论数 0

原创 微信小程序 常用API

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

2019-02-26 11:55:44

阅读数 1063

评论数 0

原创 微信小程序 常用函数

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

2019-02-22 18:30:42

阅读数 183

评论数 0

原创 javaScript 必知必会

Promise好好用1. 并行请求,等待多个异步请求结束后处理结果 1. 并行请求,等待多个异步请求结束后处理结果 const detail = 一个异步请求 const comments = 另一个异步请求 Promise.all([detail,comments]).then(res=&...

2019-01-24 22:30:05

阅读数 61

评论数 0

原创 微信小程序 封装函数

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

2019-01-06 22:53:28

阅读数 342

评论数 0

转载 一个H5的canvas画板

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

2018-12-16 21:29:02

阅读数 600

评论数 0

原创 微信小程序实现组件化传参

index.js: // components/like/index.js Component({ /** * 组件的属性列表 */ properties: { like: { type:Boolean, }, count: { ...

2018-11-27 00:03:35

阅读数 214

评论数 0

原创 实用CSS

感兴趣的内容: 1.jQuery Parallax Scrolling Website(视差滚动网站制作): 中文实例---jQuery视差滚动示例 ; css 重要内容 及 面试相关知识: 1. 背景颜色渐变 .btnItem { width: 120px;he...

2018-11-16 00:39:50

阅读数 50

评论数 0

原创 vue单页面SEO优化

1.1 安装prerender-spa-plugin vue.config.js: const path = require('path') const PrerenderSPAPlugin = require('prerender-spa-plugin...

2018-11-15 17:30:17

阅读数 1205

评论数 0

原创 vue的知识点

啾啾啾!小程序写多了,vue没碰就忘了,记下来记下来。 1.this.$rel 需求:获取dom节点,进行dom操作。并且可以用来操作子组件的属性。 (假如子组件有news这个属性的话,就可以直接操作) &lt;div id="app"&gt; ...

2018-10-17 00:09:01

阅读数 111

评论数 0

原创 git的简单使用

First Day: 早上起来,打开电脑。 拉到本地:checkout as new local branch。(新建一个分支:feature-index-layout) 就可以开始写了。 写写写到下午,要提交: 先git pull 比较好。 git add . git commi...

2018-09-10 18:26:58

阅读数 60

评论数 0

原创 微信小程序 -- 记录学习

Mock缺少与服务器交换数据的行为。 json中的最后一行的 逗号(,)不能保留。json格式下,键值都应该是双引号。 微信小程序---model弹窗:&lt;model&gt;&lt;/model&gt;标签 微信小程序修改checkbox和radio的...

2018-09-07 16:43:34

阅读数 462

评论数 0

原创 整理知识 -- 阶段三

Q1: 页面布局 解决方案的优缺点:   1、浮动:脱离文档流,需要清除浮动。兼容性较好。   2、绝对定位:快捷。子元素脱离文档流,降低可使用性   3、flex布局:移动端使用较多。   4、表格布局:兼容性较好。   5、网格布局:新技术。 各种方案之间的比较,假如没有设置...

2018-08-29 22:06:20

阅读数 168

评论数 0

原创 JavaScript知识整理 -- 阶段二

Q1: 基本类型和引用类型 引用类型:对象,数组,函数 Q2:  typeof 运算符的类型 (6种,只能区分值类型) Q3:变量计算- 强制类型转换 字符串拼接 == 运算符 逻辑运算符 &amp;&amp; 有假值就取 ||   有真值就取 ...

2018-08-25 23:56:56

阅读数 70

评论数 0

原创 vue 编译的错误 Failed to load resource: net::ERR_FILE_NOT_FOUND

1.vue-cli npm run dev 可以看到,但是通过dist文件下的index.html直接打开没显示: 报错信息: Failed to load resource: net::ERR_FILE_NOT_FOUND 在webpack.base.conf.js里,添加: out...

2018-08-22 23:50:53

阅读数 479

评论数 0

原创 正则表达式的模式匹配

  1.   正则表达式的定义 1.  构造函数:  var reg = new RegExp("abc","g") 其中: g,全局匹配,i不区分大小写,m执行多行匹配 2.  /pattern/attributes var reg = /ab...

2018-08-22 20:22:42

阅读数 280

评论数 0

原创 JavaScript中事件的兼容性写法

1.    绑定事件 addEventListener: chrome,firefox,IE9 attachEvent:IE8 及IE8以下 function addHandel(element, type, handel) { if (element.addEventList...

2018-08-21 21:21:18

阅读数 628

评论数 0

原创 JavaScript面向对象写个轮播图

源码: 实战地址 兼容IE,通过透明度控制图片的显示。 1. 面向对象:对外统一提供调用接口的编程思想。     js中Prototype属性解释及常用方法        通过对象的原型属性和方法创建:    在对象原型附加的属性或者方法将成为对象实例化的一部分,类似一个父类,新创建的对象...

2018-08-20 18:55:54

阅读数 548

评论数 0

原创 html5,css3实战

预览地址:预览 github源码:源码 1. 网页开发 HTML5:BEM开发模式,BEM代表块(Block),元素(Element),修饰符(Modifier)。 CSS3:过渡动画、帧动画 JS: 元素获取,事件响应处理 2. 准备 标注工具:像素大厨 雪碧图拼接:gopn...

2018-08-19 09:07:41

阅读数 2685

评论数 1

原创 Http协议及TCP

1. 了解部分有意义的头部信息 头部信息 Catch-Control:max-age=100 静态资源缓存100s Content-Type,Content-Encoding 等 用来约束数据类型 Cookie 保持会话信息 CORS 实现跨域并...

2018-08-16 20:31:41

阅读数 377

评论数 0

原创 进击的JavaScript(对象,继承,单例模式)

1.   JavaScript的面向对象 怎么理解js的面向对象编程 面向对象:对外统一提供调用接口的编程思想。 对象: 依靠构造器(constructor)利用原型(prototype)构造出来。 任何模式下,同种模式中的创造出来的对象都是独立存在的。 构造方式: (使用构造函数申明的...

2018-08-15 15:15:21

阅读数 333

评论数 0

原创 小米商城 -- vue项目实战

后端连接已不可用,该项目无效! 想看看前端代码还是可以接着阅读! github:小米商城源码 账号:sunyu 密码:123456 该项目是对小米商城系统的模仿,实现了从浏览商品到结算商品的整个过程,其中包括了商品列表、根据价格筛选商品、对商品 排序、登录、加入购物车、结算等功能...

2018-08-05 23:19:26

阅读数 8978

评论数 9

原创 node.js进行web开发

引: 一起来学node.js 目录 1. 安装mangodb数据库 2.  know more  3.   npm安装模块是不会写入package.json中 4.   设置路由,渲染模板 5. 中间件与next 6. node创建一个博客:包含登录、注册、发表文章等功能 利用no...

2018-08-01 16:21:06

阅读数 279

评论数 0

转载 node.js 实现简单前后端交互

引:Node之简单的前后端交互 通过原生ajax与node实现交互 页面代码,index.html: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; ...

2018-07-31 16:19:55

阅读数 1495

评论数 0

原创 几种简单排序算法

引文:十大经典排序算法 算法即解决问题的方法。 先从一张表认识排序算法: 1. 认识时间复杂度 O(f(n)):用同样曲线类型的函数f(n)来表示这个算法在n不断变大的趋势。 O(1) :运算次数为常数的算法 : (简单赋值操作:temp = a) O(n) :操作次数和n正比线性...

2018-07-30 15:37:07

阅读数 37

评论数 0

原创 JavaScript基础知识 -- 阶段一

Q1: IE和标准DOM事件模型的不同  IE内核浏览器事件模型是冒泡型事件,没有捕获事件 target.attachEvent('onclick',function(){ alert("我是button"); }); 标准DOM事件浏...

2018-07-25 14:17:29

阅读数 77

评论数 0

原创 响应式web设计性能优化

基于Tom Barker 的《响应式web设计性能优化》做得总结和拓展。对web设计有初步认识。 页面如何到达浏览器并展现给用户: 1.  浏览器与dns服务器之间(DNS查询)   当通过浏览器请求一个web页面,浏览器会创建一个线程去处理这个请求,随后开始远程dns查找,远程dns...

2018-07-21 11:07:42

阅读数 170

评论数 0

提示
确定要删除当前文章?
取消 删除