wujiangpeng的博客

官方：在下次 DOM 更新循环结束之后执行延迟回调callback。在修改数据之后立即使用这个方法，获取更新后的 DOM。解析：因为Vue为了高效渲染，当数据模型data里面由数据更新时，不会立即更新DOM，而是将这次得data更新添加到事件模型内。直到当前得任务执行完毕，才会对这期间得DOM进行统一更新。如下代码打印出的分别是11111，和 00000。因为虽然this.Msg被赋值为 '22222' ,但是DOM的ref_p节点并没更新。这个也很好理解，因为你在把msg改为111111时，Vue

父组件<template> <div> <children v-if="childVisible" :visible.sync="childVisible" /> </div></template><script> export defult { name："paraent" data(){ return {

来自官方的MVVM的介绍

Webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容。。而这里面涉及一些基础的配置和概念：入口（entry）指示 webpack 应该使用哪个模块，来作为构建其内部 依赖图(dependency graph) 的开始。进入入口起点后，webpack 会找出

监听iframe加载事件

代码内容滚动条样式 .innerbox::-webkit-scrollbar { width: 5px; } .innerbox::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba

启动ngix在打开的cmd命令窗口中利用cd命令切换到nginx服务安装的目录。在命令行窗口中输入命令：start nginx.exe，回车运行就可以启动nginx服务了，我们可以在任务管理器的进程中看到启动的nginx服务。...

在很多情况下我们需要对从后端拿的数据进行处理，例如从多层嵌套中获取某一属性。例如下面这个数组，这个数组有多层嵌套的结构。如果我们需要用到数组结构中所有的name属性，并将之生成一个新的数组，这时我们就需要通过循环获取内层的name属性。但如果层级稍微多一点，有三层或以上的嵌套（当然这样的数据结构本身就不合理，这里我们仅作一种假设）。这时我们就需要用到三层及以上的循环次数。显然这样是并不高效和并不符合代码格式美观的，这时我们就可以用到递归遍历的方法。如下时一个模拟的数组，我们需要取出其中的name属性，

arr.push(item1，item2，·····，itemx) arr.pop() arr.unshift(item1，item2，·····，itemx) arr.shift()arr.splice() arr.reverse() arr.sort() arr.fill() arr.copyWithin()

1、js中的数据类型基本数据类型：Undefined、Null、Boolean、Number、String，Symbol引用数据类型 ：Objectlet bool = false；let num = 2;let str = 'ab12c';let und= undefined;let nul = null;let arr = [1,2,3,4,5,4];let obj = {name:'jack',age:12};let fun = function(){console.log('h

打开Python编辑器Win+R,在搜索框输入 python打开开始菜单，找到 IDLE（Python3.7 32-bit） 第一个应用标准数据类型Number（数字）String（字符串）Tuple（元组）List（列表）Set（集合）Dictionary（字典）不可变数据（3个）：Number String Tuple可变数据（3个）：List Set Dictionarytype 和 isinstance的区别>>> a, b, c, d = 20, 5.

运算符：只要一个运算元是字符串，另一个运算元也会转化为字符串。例如： ‘1’+2 ===> ‘12’1+‘2’ ===> ‘12’2 + 2 + ‘1’ ===> ‘41’对于单个运算元,+对于数字没有影响，但对于非数字 会转化为 数字例如： let str = ‘‘12’’console( + str ) ===> 12赋值运算符=：语句 x = value 将值 value 写入 x 然后返回 x。console.log(x = 3) ==

只有0 null undefined “”(空字符串，“ ”如果里面有空格就不是false而是true) NaN

在进行vue项目时，有时会对一些操作是放在created还是mounted中执行产生疑问，今天稍微给自己总结了一下，当作笔记供后期查询。最直接了当的就是上图，反映了从beforecreated到mounted四个生命周期对于，是否获取DOM节点、是否可以获取data里的数据、是否能够获取methods方法。对于某个操作在哪里执行，考虑如下：如果涉及操作DOM，不论是获取还是修改等等，都需要在mounted中执行。不然会由于无法获取到DOM而产生报错。如果不涉及DOM操作，可以在created中执行

命名不规范：对于所有的标签、变量、组件、方法等，要做到见名知义尽可能复用已经成熟的代码块：在清楚了需求的前提下，在实现功能时，首先考虑到是否可以使用UI组件开发。例如之前自己使用的 span 就可以使用 el-link 取代。函数单一性原则：在命名函数时，不要把多步操作封装到一起，做到单一原则封装。这样在前期可能不会有大的区别，但在后期扩展和改进时会有更好的体验。less样式：使用less和sass写样式，应遵守层级关系，这样会使结构清晰，代码量减少。注意父子组件嵌套产生的数据问题：在父组件中打开.

css中// 先用一个标签将这个组件包起来，然后通过父查子的方式来找到组件的类，注意是通过>>>来查找<style scoped>.box >>> .el-checkbox__inner { 　border-radius: 50%; }</style>less和sass中// less语法要通过/deep/ 来找到子级的类<style scoped lang="less">　.box {　　/deep/ .

原生class属性的增删操作dom.classList.add(value) (添加类名，如果有则不添加)dom.classList.remove(value) (删除类名，如果无则不删除)

http从发起请求到结束响应到结束响应都经历了什么？ 作为一个前端开发新手，我们最常做的事情除了根据UI设计稿的，高保真的实现页面布局。除此之外，我们最常见的就是调用后台提供的接口，根据返回的数据进行渲染。然而作为最常进行的操作，对之前的自己来说却宛如一个黑箱子。知道往箱子里面放什么，自己会拿到什么，但也是因为这样经常会产生疑惑？ 发起的请求究竟是怎样传递到服务器的，服务器的响应又是怎样回传到浏览器的。今天集中学习了一下，把自己了解到的做一个分享和记录。 一，输入域名，如https://www

vue虚拟domvue的虚拟dom并没有刷新页面，if、else切换后，并没