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-map inline-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 //此方法调用项目内的webpack scripts 中配置 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 -D webpack配置： 打包工具 -> 输出结果（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 } } } evet solt 组件通信 props、eventBus、ref、parent/parent/paren...

原创 vue

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

原创 http

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

原创 css之position

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

原创 webpack插件

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

原创 VScode

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

原创 闭包、作用域

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

原创 数组、字符串方法

数组、字符串方法 数组添加删除方法 push数组最后边添加一个 unshift在第一个元素前边添加 delete 删除某一个 只是将值变成undefined pop 删除最后一个 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指向B apply     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 引用数据类型：Object 2、弱类型特性 隐式转换利用+ - === NAN != NAN null === null undifined === undifined 对象比较：比较的是引用 == null == undifined number == 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/27798478 path.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....