随笔分类 -  js

webpack4 url文件处理
摘要：1.安装依赖 2.新建index.css 3.新建index.html 4.在main.js中引用index.css 5.在webpack.config.js中配置 6.url-loader会把文件自动进行编码，如不需要base64可以设置limit属性配置字节大小小于指定数量在进行base64 7 阅读全文
posted @ 2019-10-28 23:11 不骄不傲 阅读(495) 评论(0) 推荐(0)
webpack4 scss文件处理
摘要：1.安装依赖 2.创建index.html 3.新建index.scss 4.在main.js文件中引用scss 5.在webpack.config.js中配置处理scss 阅读全文
posted @ 2019-10-28 22:59 不骄不傲 阅读(1127) 评论(0) 推荐(0)
webpack4 处理less文件
摘要：1.安装依赖 2.新建html页面 3.新建index.less文件 4.在main.js中引用index.less 5.配置webpack.config.js文件 阅读全文
posted @ 2019-10-28 22:55 不骄不傲 阅读(2885) 评论(0) 推荐(1)
webpack4 css文件处理
摘要：1.安装style-loader和css-loader 2创建index.html 3.创建index.css 4.在index.js中引用index.css 5.配置webpack.config.js文件，使css可以进行import操作 阅读全文
posted @ 2019-10-27 23:11 不骄不傲 阅读(884) 评论(0) 推荐(0)
webpack4使用html-webpack-plugin插件
摘要：初始化 安装依赖 package.json webpack.config.js 阅读全文
posted @ 2019-10-27 22:44 不骄不傲 阅读(3251) 评论(0) 推荐(0)
vue组件基本参数
摘要：注册全局组件 注册私有组件 父组件传递值到子组件 父组件传递函数到子组件 阅读全文
posted @ 2019-10-10 22:26 不骄不傲 阅读(2220) 评论(0) 推荐(0)
vue基本命令
摘要：<html> <head> <style> [v-cloak] { /* display: none; */ } </style> </head> <body> <div id="app"> <!--v-cloak解决插入表达式闪烁问题，加载完成后在显示--> <p v-cloak>+++{{msg}}</p> <!-- v-text: 1.默认v-text无闪烁问题 2.v-text会覆盖元素中 阅读全文
posted @ 2019-09-08 22:38 不骄不傲 阅读(266) 评论(0) 推荐(0)
react-native-router-flux
摘要：react-native-router-flux 1.react-native-router-flux是一个第三方的路由组件，目前的最新V4版本已经基于react-navigation实现。 2.react-native-router-flux包含了官方推荐react-navigation一些没有实 阅读全文
posted @ 2018-01-03 09:54 不骄不傲 阅读(13453) 评论(2) 推荐(1)
react+redux demo
摘要：demo使用redux+react-router-dom+antd实现一个简单的用户列表添加用户。 创建actions 创建reducers 创建store View 完整demo:https://github.com/lemonzwt/react-demo 阅读全文
posted @ 2017-12-26 15:36 不骄不傲 阅读(3209) 评论(0) 推荐(0)
Immutable.js
摘要：Immutable.js它内部实现了一套完整的 Persistent Data Structure fromJS() 将数组或者对象转换为Immutable is() 检测是否相等，和Object.is()是有区别的 List是个索引集合 List.isList() 判断是否为List集合 List 阅读全文
posted @ 2017-12-20 15:54 不骄不傲 阅读(1089) 评论(0) 推荐(1)
Async/Await异步
摘要：Async/Await是目前异步最好的结局方案。 上面代码先输出了1等待了4秒然后输出了2。 使用async来标识这个函数为async函数。await只能出现在async函数中。await标识等待执行结束在执行下面的代码。 返回值 await不需要使用then可以直接得到返回值 异常 await可以 阅读全文
posted @ 2017-12-20 15:33 不骄不傲 阅读(307) 评论(0) 推荐(0)
Promise简单使用
摘要：1.Promise含义 Promise 是异步编程的一种解决方案，是一种链式的变成。 一段简单的使用 Promise的状态有三种 pending（进行中） fulfilled（已成功） rejected（已失败) then和catch的用法 catch方法是.then(null, rejection 阅读全文
posted @ 2017-12-20 14:14 不骄不傲 阅读(251) 评论(0) 推荐(0)