Ivan丶叶修-CSDN博客

原创 ES567复习

ES567复习严格模式严格模式必须使用var声明变量禁止自定义的函数中的this指向window（比如构造函数忘记写new变成了执行）eval函数创建独立的作用域，不会污染全局对象属性不能重名...

2020-03-17 18:24:16 406

原创 js正则匹配遇到换行符的问题

js正则匹配遇到换行符的问题问题描述问题解决问题描述在项目中读取了一个导出json的js文件（由于一些原因这里没有使用import），在用正则匹配出里面的json时出现问题，没有获得预期的效果，匹配的结果是个null。message = new Function('return ' + /(?<=const).*(?=export)/.exec(message.toString())[...

2020-03-17 10:08:49 4634

原创 webpack学习笔记

webpack学习笔记基本配置性能优化开发环境性能优化生产环境性能优化基本配置const {resolve} = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');const MiniCssExtractPlugin = require('mini-css-extract-plugin');c...

2020-03-15 22:04:22 117

node.js复习commonjs规范通过require()函数引入外部模块，将对象赋给一个变量使用；每一个文件的代码其实都是独立运行在一个函数中，并非全局作用域；可以通过赋值给exports或者module.exports的属性或方法的方式暴露——其实exports只是module.exports的引用，注意不能直接给exports赋值，不然会切断和module.exports的联系；在ES...

2020-03-14 23:21:19 136

原创 JS复习

JS复习可以将JS代码写在超链接中，在点击时执行<a href="javascript:JS代码">不写分号的话，程序会自动添加，会消耗一些系统资源，还可能加错，建议写数据类型，typeof 变量名检查基本数据类型StringNumberBooleanNullUndefined引用数据类型Object数字超过最大值变成Infinity，超过最小值是-In...

2020-03-03 22:13:55 99

原创 HTML+CSS+Less复习

前端基础复习vs code快捷键ctrl + 回车——可不影响后文换行alt + shift + 上下方向键——复制lorem + tab键——自动生成一段英文h1标签一般只有一个blockquote标签表示块引用q标签表示行引用，自带引号一般来说块级元素可以存放任何元素，但是p标签中不能放块级元素，行级元素不能存放块级元素，但是a标签除了自身都能嵌套列表可以嵌套<a ...

2020-03-03 14:13:57 252 1

原创自定义Promise

自定义Promise说明代码说明这是我根据尚硅谷的视频稍微改动了以后的自定义Promise，这里不解释Promise的基本概念和常用API，直接上代码和注释。在外部调用的时候，不如这个文件命名为Promise.js，那么直接如下：<script type="text/javascript" src="./Promise.js"></script>之后就可以像原本...

2020-01-06 13:10:10 185

转载 Vue的生命周期（转载）

Vue的生命周期（转载）解释图解解释[vue实例的生命周期](https://cn.vuejs.org/v2/guide/instance.html #实例生命周期)什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！[生命周期钩子]( https://cn.vuejs.org/v2/api/ #选项-生命周期钩子)：就是生命周期事件...

2019-12-27 05:03:48 83

原创 Vue.js中的Object.freeze

Vue.js中的Object.freeze问题描述冻结在前冻结在后暂未解决问题描述在复习Vue的过程中，实验到Object.freeze的时候出现问题——具体表现为Object.freeze和创建Vue实例的语句的位置关系会影响冻结是否有效。冻结在前<!DOCTYPE html><html><head> <title>test</...

2019-12-27 02:02:01 299

原创 Vue.js复习笔记

Vue.js复习笔记常用命令属性访问属性冻结访问内置元素生命周期方法计算属性侦听器组件数组方法变异方法（修改数组本身）过滤（创建新数组）事件修饰符常用命令文本插值{{data中的变量}}绑定数据，缩写为:v-bind:属性 = "属性变量"v-bind:class = "{类选择器: 布尔变量}"v-bind:style="[myStyle1, myStyle2]"只渲染一次...

2019-11-19 11:47:59 240

原创 div内部的div居中

div内容垂直居中问题描述解决方案问题描述在写CSS样式的时候，很多时候我们都希望div内部的内容能够垂直居中。网上比较流行的方法是将display更改为table-cell，然后设置vertical-align为middle。然而实际测试发现这个方法并不管用，暂时不清楚原因。解决方案替代的解决方案是：将line-height设置为父级元素的高度，这样可以使得文字居中。这个方法局限...

2019-07-19 08:19:08 138

原创 Vue开发时router-link无法绑定点击事件的解决方案

Vue开发时router-link无法绑定点击事件的解决方案问题描述解决方案问题描述在使用router-link时，想要实现点击时更改一个变量的值。然而点击事件并没有被触发。经上网查询，发现给组件直接绑定事件是有问题的，因为组件无法辨认我们写的@click是不是子组件通过emit触发的自定义事件。解决方案将@click="js代码"修改为@click.native="js代码"即可。...

2019-07-16 14:11:51 442

原创 electron-vue框架开发时element-ui表格无法渲染的问题解决方案

electron-vue框架开发时element-ui表格无法渲染的问题解决方案问题描述解决方案问题描述在使用github上集成的electron-vue框架开发项目时，引入了element-ui第三方模块。然而在使用表格组件时，页面始终一片空白。用F12审查元素，发现表格的高度始终为0。排除各种参数的影响之后，估计是渲染失败。解决方案经查看官方文档，发现问题所在：.electron-...

2019-07-16 08:17:10 2903 1

qq_17285877的博客