小猪冒泡

2019年6月12日

摘要： Vue是可以自定义指令的，最近学习过程中遇见了一个需要图片懒加载的功能，最后参考了别人的代码和思路自己重新写了一遍。以下将详细介绍如何实现自定义指令v-lazyload。先看如何使用这个指令： <img v-lazyload="imageSrc" >imageSrc是要加载的图片的实际路径。为了阅读全文

posted @ 2019-06-12 21:09 小猪冒泡阅读(709) 评论(0) 推荐(0) 编辑

plus代码闪光点

摘要： 1. 快速变成 String 格式： 2. 封装axios请求：且后端需要配置： Access-Control-Allow-Origin 字段必须指定域名，不能为* Access-Control-Allow-Credentials为true 3. 循环渲染的item，如果要处理数据，可以使用函数处阅读全文

posted @ 2019-06-12 09:33 小猪冒泡阅读(177) 评论(0) 推荐(0) 编辑

2019年6月11日

去除chrome网站https的安全检测

摘要： chrome://net-internals/#hsts 访问该网址，把要禁止检测的网址放在下面：阅读全文

posted @ 2019-06-11 18:18 小猪冒泡阅读(4391) 评论(0) 推荐(0) 编辑

2019年6月10日

webpack 配置react脚手架（五）：mobx

摘要： 1. 配置项。使用mobx，因为语法时es6-next，所以先配置 .babelrc 文件安装： 2. 使用在store/app-state.js中：调用方法：首先在入口文件中，类似于使用 context的传入方式，把外层组件包裹起来：然后在业务组件中使用，由于要用到 props，所以要先阅读全文

posted @ 2019-06-10 18:54 小猪冒泡阅读(355) 评论(0) 推荐(0) 编辑

webpack 配置react脚手架（四）：路由配置

摘要： 1. 由于 react-router 是集成了 react-router-dom 和 react-router-native的一起的，所以这里要使用的是 react-router-dom， 2. 安装 npm i react-router -S 、 npm i react-router-dom -S 阅读全文

posted @ 2019-06-10 18:03 小猪冒泡阅读(1168) 评论(0) 推荐(0) 编辑

webpack 配置react脚手架（三）：eslint 及优化

摘要：首先谨记 eslint的官网： http://eslint.cn/ 1 安装eslint npm i eslint -D 2.在根目录下新建文件 .eslintrc 3.由于是限制前端格式，所以在 client文件夹下新建文件 .eslintrc 4.每次在编译代码之前，都去检查eslint：首先阅读全文

posted @ 2019-06-10 15:49 小猪冒泡阅读(897) 评论(0) 推荐(0) 编辑

HTTP/TCP/IP UDP Socket等区别联系

摘要： 1、TCP连接手机能够使用联网功能是因为手机底层实现了TCP/IP协议，可以使手机终端通过无线网络建立TCP连接。TCP协议可以对上层网络提供接口，使上层网络数据的传输建立在“无差别”的网络之上。建立起一个TCP连接需要经过“三次握手”：第一次握手：客户端发送syn包(syn=j)到服务器，并阅读全文

posted @ 2019-06-10 12:58 小猪冒泡阅读(364) 评论(0) 推荐(0) 编辑

2019年6月9日

webpack 配置react脚手架（二）：热更新

摘要：下面继续配置 webpack dev server hot module replacement: 首先配置dev-server 安装 npm i webpack-dev-server -D 修改json文件： "dev:client": "cross-env NODE_ENV=developmen 阅读全文

posted @ 2019-06-09 10:18 小猪冒泡阅读(1171) 评论(0) 推荐(0) 编辑

2019年6月8日

webpack 配置react脚手架

摘要： 1 react 基本js文件：基本 webpack.config 配置：对应的 babelrc文件为了打开html文件：安装： 1 npm i html-webpack-plugin -D webpack.config.js 文件 2 服务端渲染的配置单页面存在的问题： 1 SEO不友好阅读全文

posted @ 2019-06-08 20:43 小猪冒泡阅读(427) 评论(0) 推荐(0) 编辑

2019年6月7日

PWA

摘要：附一个示例e6书写 todolist的示例，切换list的状态：华丽的分割线！可以参考文章：移动PWA初探首先安装http服务： npm install server -g 然后执行 server 打开控制台 self 表示全局作用域对象，生命周期有三个：缓存资源的写入和读取：清理因为名字改阅读全文

posted @ 2019-06-07 22:05 小猪冒泡阅读(205) 评论(0) 推荐(0) 编辑

公告