weixin_39326858的博客

原创 es6重新学习总结

字符串：var const let不存在变量提升暂时性死区 只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。不允许重复声明模板字符串includes(), startsWith(), endsWith()repeat()**padStart()，padEnd()**如果某个字符串不够指定长度，会在头部或尾部补全trimStart()，trimEnd()Number**isFinite() isNaN() **用来检查一个

原创 vue响应式伪代码

// 数据响应式function defineReactive(obj, key, val) { // 递归处理 observe(val) // 创建一个Dep实例 const dep = new Dep() Object.defineProperty(obj, key, { get() { console.log('get', key); // 依赖收集: 把watcher和dep关联 // 希望Watcher实例化时，访问一下对应

原创 重学vue2 1、手写弹出框插件

实现弹窗组件弹窗这类组件的特点是它们在当前vue实例之外独⽴存在，通常挂载于body；它们是通过JS动态创建的，不需要在任何组件中声明。常⻅使⽤姿势： this.$create({ title: '起早学习', message: '提示信息', duration: 1000 }).show();如何实现$create函数？需要一个构造函数借鸡生蛋（使用new Vue方式获取）使用vue.extend方法获取获取组件的实例new Vue()方法返回组件实例vu

原创 Windows下配置Git多账号github码云

一、分别创建ssh-key,并自定义文件名在左下角搜索git Bash 以管理员权限运行$ ssh-keygen -t rsa -C "[email protected]你github的邮箱"Enter file in which to save the key (.ssh/id_rsa): lbfq_id_rsa$ ssh-keygen -t rsa -C "Bqq.com你github的邮箱"En...

原创 index.umd.js唤端

index.umd.js

原创 打开vue的dist文件夹

package.json配置： http-server dist

原创 webpack5-WebpackDevServer、hotModuleReplaceMent、TreeShaking、webpackMerge、codeSplitting、lazyload、全局变量

devServerdevServer: { // 这实现了与第一个示例相同的效果， // 如果新的子域名需要访问 dev server， // 则无需更新您的配置 allowedHosts: [ '.host.com', 'host2.com' ], before:(app)=>{ app.get('/some/p...

原创 webpack4-SourceMap

sourcemap他是一个映射关系 在devtool配置source-mapinline-source-map 在main.js后边追加base64格式的代码cheap-source-map 只要行不要列、只管业务代码不管第三方cheap-module-source-map 加上第三方eval-source-map 性能快、不太全面常用：cheap-module-eval-sou...

原创 webpack3-plugins

plugins 可以在webpack运行到某个时刻的时候，帮你做一些事情htmlWebpackPlugin 打包结束后自动生成一个html、将打包后的文件引入new htmlWebpackPlugin({ template:'src/index.html'//指定模板 })cleanwebpackplugin 打包前先清除dist目录new cleanWebpackPlugin...

原创 webpack2-loader

概念： loader是一个打包的方案 ，对于某一个特定文件该怎么处理file-loader 将某一文件移动到dist 返回文件名字1. 处理图片 rules:[ { test:/\.(png|jpg|svg)/, use:{ loader:"file-loader", options:{ name：'[name][has...

原创 webpack1--基础

webpck运行方式golbal： webpack index.js //此方法调用全局webpack版本 **local: ** npx webpack index.js //此方法调用项目内的webpackscripts 中配置 scripts:{ "build":"webpack" //此方法调用项目内的webpack } npm run build //...

原创 vue路由

路由小知识点1.vue返回上一个页面this.$router.go(-1);在webview下跳转失败 使用this.$router.push({name:'cardIndex'})

原创 js继承

继承看了很多写继承的，自己觉得还是有必要记录下。 function Parent(name,age){ this.age=age; this.name=name; } Parent.prototype.type=function(){ console.log('tihs is Parent prototype') } function Child(){ this.typ...

原创 devtool

source-map 生成一个SourceMap文件,源码映射 出错会报错当前的列和行.eval-source-map不会产生单独的文件、会报错行和列cheap-module-source-map 生成单独文件、不会产生列。cheap-module-eval-source-map 不会产生文件、不会产生列...

原创 webpack01

webpack安装：cnpm i webpack webpack-cli -Dwebpack配置：打包工具 -> 输出结果（js模块）默认配置文件名字：webpack.config.js配置相关参数 -- mode配置模式 //例如：--mode development --config 路径 //例如：--config xx.webpack.js 配置文件路径 ...

原创 VUE组件

vue组件构成：prop最好使用对象方式 props:{ msg:{ type:[Number], defalut:2, validator (value):{ //提交判断最终返回波尔值 return true } } }evetsolt组件通信props、eventBus、ref、parent/parent/paren...

原创 vue

vue知识点https://segmentfault.com/a/1190000016770732https://juejin.im/post/5cdb7bc26fb9a0321557044d

原创 http

1、常用的http状态码2、http缓存

原创 css之position

relative assolute fixed1、relative限制了absolute的位置2、限制了absolute的层级z-index relative设置z-index后 absolute设置将无效3、设置了relative后 absolute受overflow hidden限制4、relative只能限制fixed的z-index...

原创 webpack插件

webpack插件本地服务：webpack-dev-serverhtml先关操作的插件：html-webpack-plugin

原创 VScode

vscode插件mackdown编辑器: EverMonkey、Auto-Open Markdown Preview

原创 闭包、作用域

1、闭包用处多个p标签 点击哪个显示对应下标封装闭包导致空间浪费 内存泄漏 性能消耗概念：闭包就是指：有权访问另一个函数作用域中的变量的函数作用域全局作用域函数作用域...

原创 数组、字符串方法

数组、字符串方法数组添加删除方法push数组最后边添加一个unshift在第一个元素前边添加delete 删除某一个 只是将值变成undefinedpop 删除最后一个shift头部删除元素数组方法arr.join() 数组转化为字符串arr.reverse() 颠倒数组 改变原数组sort() 排序 改变原数组 默认升序    ar...

原创 浅拷贝深拷贝

原创 继承

1、继承    1、Student.prototype=Object.create(Person.prototype)        如果student.prototype直接等于Persion.

原创 call、apply、bind

用法：call    A.call(B,arg1,arg2) B使用A的方法    既 A中的this指向Bapply    A.apply(B,[arg1,arg2])bind    A.bind(B)不直

原创 javascript语句

1、连续赋值function(){    let a=b=1}console.log(a,b) //a undefined b=1既 a是局部变量 b是全局变量2、try catch语句try{    throw "test"} catch(ex){   &nbsp

原创 运算符优先级

原创 数据类型

数据类型1、数据类型基本数据类型：number string boolean null undefined引用数据类型：Object2、弱类型特性隐式转换利用+ -===NAN != NAN null === null undifined === undifined 对象比较：比较的是引用==null == undifinednumber == string （stri...

原创 exports、module.exports与export、export default区别

一、区别 exports module.exports：是node的模块化 基于commonjs export export default： 是es6的模块化 require：node和es6通用 import：只有es6可用

原创 koa学习第一步

koa-router多个路由及路由增加前缀 let r1=new Router(); //第一个路由 let router=new Router(); //主路由 r1.post('/login',async (ctx,next)=>{ }) router.use('/api/users', r1.routes(),r1.allowedMethods()) app.use(r...

原创 Window open() 方法

window.open(URL,name,specs,replace)     URL 可选。指定target属性或窗口的名称。支持以下值：     _blank - URL加载到一个新的窗口。这是默认    &

原创 webpack学习02 项目中常用的包

1、css编译使用的包 css-loader //加载.css文件 style-loader //使用style标签将css-loader内部样式注入到我们的HTML页面2、html编译使用的包 html-loader //加载html文件 {     &nbsp

原创 git管理项目 不允许某些文件上传.gitignore

文件名字 .gitignore 此文件自动执行 下面我们看看常用的规则：/mtk/ 过滤整个文件夹*.zip 过滤所有.zip文件/mtk/do.c 过滤某个具体文件很简单吧，被过滤掉的文件就不会出现在git仓库中（gitlab或github）了，当然本地库中还有，只是push的时候不会上传。 需要...

转载 node中path.join path.resolve(区别

本文转载自：https://zhuanlan.zhihu.com/p/27798478path.join path.join():方法使用平台特定的分隔符把全部给定的 path 片段连接到一起，并规范化生成的路径。例如：path.join(‘foo’, ‘baz’, ‘bar’); // 返回 ‘foo/baz/bar’注：如果连接后的路径字符串是一个长度为零的字符串，则返回 ‘.’...

原创 自学webpack历程01

配置： const path=require(‘path’); module.exports={ //入口：有且可以有多个 entry:{ // main:[‘babel-polyfill’,path.resolve(__dirname,’../src/main.js’)] main:[‘core-js/fn/promise’,path....