Liangyuqi's blog

react router 4学习总结

react router 4 React Router V4 遵循了 React 的理念：万物皆组件。因此升级之后的 Route、Link、Switch等都是一个普通的组件。 React Router被拆分成三个包：react-router,react-router-dom和react-router-native。 react-router提供核心的路由组件与函数。其余两个则提供运行环...

Posted by Liangyuqi on August 10, 2018

hybird知识总结

正式接手第一个hybrid项目，智能客服系统，系统学习总结一下

一、一些基础定义：Hybrid是半Native半web开发模式 Hybrid模式中,底层功能API均由原生容器通过某种方式提供,然后业务逻辑由H5页面完成,最终原生容器加载H5页面,完成整个App 实现过程：前端做好静态页面打包成文件交给客户端，客户端拿到前端静态页面，以文件形式存储在app中。客户端在一个webview中，使用file协议加载静态页面。版本更新：客户端每次启动，都去...

Posted by Liangyuqi on July 5, 2018

webpack4.0

都已经8102年了，你能手写一个webpack配置吗o。o

前言本篇文章主要还是入门教程，如果对webpack配置已经十分熟悉，想要了解怎么样合理利用缓存，提高打包效率，推荐这篇文章手摸手，带你用合理的姿势使用webpack4 一、什么是webpack WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的...

Posted by Liangyuqi on June 25, 2018

npm vs yarn

一、npm npm升级到5会有一些变化 npm 5 的一些大的变化：根据官方文档，这个package-lock.json 是在 npm install时候生成一份文件，用以记录当前状态下实际安装的各个npm package的具体来源和版本号。它有什么用呢？因为npm是一个用于管理package之间依赖关系的管理器，它允许开发者在pacakge.json中间标出自己项目对npm各库包...

Posted by Liangyuqi on June 20, 2018

jq／fetch／axios／vue-resource／fly

对比一下主流的http库

一、jquery ajax $.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function() {}, error: function() {} }) 它是对原生XHR的封装，还支持JSONP，非常方便；真的是用过的都说好。但是随着rea...

Posted by Liangyuqi on April 20, 2018

canvas性能优化

面试的时候都会专注一个点深挖，今天学习了淘宝fed canvas 优化方案，总结一下

一、关于canvas Canvas 最常见的用途是渲染动画。渲染动画的基本原理，无非是反复地擦除和重绘。为了动画的流畅，留给我渲染一帧的时间，只有短短的 16ms。在这 16ms 中，不仅需要处理一些游戏逻辑，计算每个对象的位置、状态，还需要把它们都画出来。如果消耗的时间稍稍多了一些，用户就会感受到「卡顿」。二、计算与渲染计算：处理游戏逻辑，计算每个对象的状态，不涉及 DOM...

Posted by Liangyuqi on April 10, 2018

throttle(节流)和debounce(去抖)

用来控制某个函数在一定时间内执行多少次的解决方案，两者相似而又不同

一、throttle节流 vs debounce去抖在开发过程中会遇到频率很高的事件或者连续的事件，如果不进行性能的优化，就可能会出现页面卡顿的现象，比如：鼠标事件：mousemove(拖曳)/mouseover(划过)/mouseWheel(滚屏) 键盘事件：keypress(基于ajax的用户名唯一性校验)/keyup(文本输入检验、自动完成)/k...

Posted by Liangyuqi on March 5, 2018

vue-cli项目学习心得

何如使用脚手架搭一个项目 $ npm install -g vue-cli $ vue init webpack my-project $ cd my-project $ npm install $ npm run dev 项目目录详解 1. build (构建脚本目录，配置webpack) │ ├─build.js（生产环境的入口文件，为构建打包文件，会将源码进行构建...

Posted by Liangyuqi on January 19, 2018

反向代理

一个栗子有一个小朋友在家喜欢上网，但是家长害怕他上一些不符合社会主义核心价值观的网站，于是设置了防火墙，禁止访问一些有害的网站。小朋友要想办法，凭什么不让我看，于是使用了代理服务器，这些代理服务器将禁止访问的网页打包好，然后再转交给小朋友，这就是正向代理但是小朋友访问的不健康网站，每天都有数以万计的小朋友访问😊，网站不堪重负，处理客户端（用户）请求能力有一个极限，可以使用多个服务...

Posted by Liangyuqi on January 15, 2018

Mac常用命令行汇总

显示／隐藏文件显示:defaults write com.apple.finder AppleShowAllFiles -boolean true ; killall Finder 隐藏:defaults write com.apple.finder AppleShowAllFiles -boolean false ; killall Finder

Posted by Liangyuqi on January 8, 2018

Lust for life