- 博客(22)
- 收藏
- 关注
RSS订阅原创 JavaScript复习第三天
1.对象中使用，可以把对象所有可遍历属性拷贝出来到对象中，类似Object.assign({},obj)，后面的复制到前边的对象中，相同属性覆盖。3.对象转为数组，代替Object.prototype.slice.call。任何Iterator接口的对象都可以用扩展运算符转为真正的数组。2.数组中使用，可以把数组中的数据拷贝到新的数组中。对整个对象进行监听，任何属性变化都会被监听到，箭头函数没有自己的this。
2023-05-06 19:37:45
58
原创 定时器内执行多个异步请求
如果没有取消定时器，但是5秒内里面的异步函数都有的没有来得及放入队列，比如只放了3个，刘开启了下一个timer放入宏任务对列，会等待微任务中3个执行完，如果另外三个微任务还没有放入队列，就开始执行这个第二次的timer，另外3个可能进来排队了，这样顺序就没法保证了，不知道是什么时间请求的数据了。解决办法，微任务同步按顺序执行，await，同步执行后，这样就算下一次timer时间到了，也要这次的微任务都执行完才能执行。取消定时器，不会计时了，不会等5秒后去放入队列了，对列里面还是之前放入的。
2023-05-05 13:22:58
219
原创 闭包的理解
能够读取其他函数内部变量的函数 function f1(){ var n=999; function f2(){ alert(n); // 999 } } var m = f1()变量n是f1内部定义的变量，外部是访问不到的，我们通过fi返回一个函数f2的形式访问到了内部的变量n,这就形成了一个闭包闭包的作用1、会一直存在变量中：内部变量n不会随着f1的结束而被垃圾清理器清理，因为变量n被赋值给了全局变量m2、可以读取函数内部的变量...
2020-11-06 10:57:02
133
1
原创 apply方法第一个参数为null的作用
vue学习渲染函数遇到以下代码render: function (createElement) { return createElement('div', Array.apply(null, { length: 20 }).map(function () { return createElement('p', 'hi') }) )}此段代码可以重复渲染20个段落。核心知识点1.function.apply(obj,arr)第一个参数obj:function
2020-10-26 18:10:00
3015
2
原创 2019-08-14 记录
总线/发布订阅模式/非父子组件间传值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...
2019-08-14 19:42:02
224
原创 工作笔记
像素点转经纬度需求 ：将地图中心点设置为唯一marker点，且上移为视野居中，底部是卡片 @ViewChild('map_container') map_container: ElementRef; @ViewChild('card_container') card_container: ElementRef; this.map.on('complete', functi...
2019-08-13 19:54:37
139
原创 2019-07-24 记录
vue 模板语法 <style> .active { color: red; } .yellow { color: yellow } </style><div id="app"> <div>{{msg}}</div> <div v-text="msg...
2019-07-24 07:20:31
104
原创 webpack4——bable转换
安装npm -d install bable-loader @bable/core @bable/preset-env webpack配置 { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader", }新建 .babelrc文件{ "preset...
2019-04-05 13:05:54
223
2
原创 webpack4——消除未使用的css
安装npm -d install purifycss-webpack purify配置 const glob = require('glob'); const PurifyCssPlugin = require('purifycss-webpack'); new PurifyCssPlugin({ paths: glob.sync(path.join(__dirnam...
2019-04-05 12:08:20
927
原创 webpack4——less文件打包分离
安装npm -d install less less-loader配置 { test: /\.less$/, use: [ MiniCssExtractPlugin.loader, 'css-loader', 'less-loader' ] }可以看到把les...
2019-04-05 11:26:15
1883
原创 webpack4——scss文件打包分离
安装npm -d install less lass-loader node-sass配置 { test: /\.scss$/, use: [ MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader' ] }...
2019-04-05 11:03:12
1902
原创 webpack4——自动处理css属性前缀
安装npm -d install less less-loader配置 { test: /\.less$/, use: [ MiniCssExtractPlugin.loader, 'css-loader', 'less-loader' ] }可以看到把les...
2019-04-05 11:01:29
1011
原创 webpack4——页面内部引入图片
安装npm install --save-dev html-withimg-loader配置{ test: /\.(htm|html)$/i, use: [ 'html-withimg-loader' ] }
2019-04-04 10:45:27
488
原创 webpack4——压缩和提取css及公共部分
安装npm -d install mini-css-extract-plugin配置const MiniCssExtractPlugin = require('mini-css-extract-plugin'); { test: /\.css$/, use: [ MiniCssExtractPlugin.loader, ...
2019-03-28 23:37:54
902
原创 webpack4——css中图片处理
安装：npm -d install file-loader url-loader配置：module: { rules: [ { test: /\.(jpg|png|gif)/, use: [{ loader: 'url-loader', options: { limit: 500000 }...
2019-03-28 20:41:18
815
原创 webpack4——文件的打包
安装npm -d install html-webpack-plugin引入const htmlPlugin = require('html-webpack-plugin'); plugins: [ new htmlPlugin({ minify: { removeAttributeQuotes: true, //去掉html属性引号 },...
2019-03-28 20:26:09
232
原创 webpack4——CSS作为style插入到标签上
1、把css插入到页面的style属性上，但是不会展示出来（css-loader）安装 style-loader css-loadernpm -d install style-loadernpm -d install css-loader2、配置modulemodule: { rules: [{ test: /\.css$/, use: [{ ...
2019-03-28 20:11:13
1275
原创 webpack4——热更新
webpack-dev-server安装 npm -d install webpack-dev-server配置 "start": "webpack-dev-server"执行 npm run start可以愉快的玩耍了
2019-03-28 19:41:59
384
原创 webpack4——配置入口出口文件
新建webpack.config.jswebpack.config.jsconst path = require('path');module.exports = { entry:{ entry:'./src/entry.js', }, output:{ path:path.resolve(__dirname,'dist'), filename:'[name].js' }...
2019-03-28 19:35:39
379
转载 webpack4——小demo
环境搭建，写一个小demo1、初始化项目npm init -y2、引入webpack4npm i webpack --save-dev2、 webpack-cli ，作为一个单独的包引入：npm i webpack-cli --save-dev3、package.json 并添加一个 build(构建) 脚本"scripts": { "build": "webpack"...
2019-03-28 19:15:31
171
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人