- 博客(19)
- 收藏
- 关注
RSS订阅原创 Vue.nexttick(callback)方法介绍
官方：在下次 DOM 更新循环结束之后执行延迟回调callback。在修改数据之后立即使用这个方法，获取更新后的 DOM。解析：因为Vue为了高效渲染，当数据模型data里面由数据更新时，不会立即更新DOM，而是将这次得data更新添加到事件模型内。直到当前得任务执行完毕，才会对这期间得DOM进行统一更新。如下代码打印出的分别是11111，和 00000。因为虽然this.Msg被赋值为 '22222' ,但是DOM的ref_p节点并没更新。这个也很好理解，因为你在把msg改为111111时，Vue
2022-04-18 18:28:45
1014
1
原创 控制对话框关闭
父组件<template> <div> <children v-if="childVisible" :visible.sync="childVisible" /> </div></template><script> export defult { name："paraent" data(){ return {
2022-03-30 16:28:33
104
原创 webpack快速入门
Webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容。。而这里面涉及一些基础的配置和概念：入口（entry）指示 webpack 应该使用哪个模块，来作为构建其内部 依赖图(dependency graph) 的开始。进入入口起点后，webpack 会找出
2022-03-01 11:33:01
195
原创 修改滚动条样式
代码内容滚动条样式 .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
2021-12-27 15:06:47
143
原创 ngix使用
启动ngix在打开的cmd命令窗口中利用cd命令切换到nginx服务安装的目录。在命令行窗口中输入命令：start nginx.exe，回车运行就可以启动nginx服务了，我们可以在任务管理器的进程中看到启动的nginx服务。...
2021-12-27 14:05:50
417
原创 递归遍历取出数组中的某一属性
在很多情况下我们需要对从后端拿的数据进行处理，例如从多层嵌套中获取某一属性。例如下面这个数组，这个数组有多层嵌套的结构。如果我们需要用到数组结构中所有的name属性，并将之生成一个新的数组，这时我们就需要通过循环获取内层的name属性。但如果层级稍微多一点，有三层或以上的嵌套（当然这样的数据结构本身就不合理，这里我们仅作一种假设）。这时我们就需要用到三层及以上的循环次数。显然这样是并不高效和并不符合代码格式美观的，这时我们就可以用到递归遍历的方法。如下时一个模拟的数组，我们需要取出其中的name属性，
2021-12-07 16:55:05
1475
原创 改变原数组的方法
arr.push(item1，item2，·····，itemx) arr.pop() arr.unshift(item1，item2，·····，itemx) arr.shift()arr.splice() arr.reverse() arr.sort() arr.fill() arr.copyWithin()
2021-12-07 15:33:12
54
原创 js 判断数据类型
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
2021-12-06 19:11:47
288
原创 前端入门Python
打开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.
2021-11-30 10:07:26
450
原创 使用运算符时 数据类型的改变
运算符：只要一个运算元是字符串，另一个运算元也会转化为字符串。例如： ‘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) ==
2021-11-02 10:06:31
88
原创 JS Boolea类型转换的规则
只有0 null undefined “”(空字符串，“ ”如果里面有空格就不是false而是true) NaN
2021-11-01 15:54:28
125
原创 vue生命周期中 created和mounted的区别
在进行vue项目时，有时会对一些操作是放在created还是mounted中执行产生疑问，今天稍微给自己总结了一下，当作笔记供后期查询。最直接了当的就是上图，反映了从beforecreated到mounted四个生命周期对于，是否获取DOM节点、是否可以获取data里的数据、是否能够获取methods方法。对于某个操作在哪里执行，考虑如下：如果涉及操作DOM，不论是获取还是修改等等，都需要在mounted中执行。不然会由于无法获取到DOM而产生报错。如果不涉及DOM操作，可以在created中执行
2021-10-20 17:19:28
336
原创 2021-08-18 项目开发中的问题总结
命名不规范：对于所有的标签、变量、组件、方法等，要做到见名知义尽可能复用已经成熟的代码块：在清楚了需求的前提下，在实现功能时，首先考虑到是否可以使用UI组件开发。例如之前自己使用的 span 就可以使用 el-link 取代。函数单一性原则：在命名函数时，不要把多步操作封装到一起，做到单一原则封装。这样在前期可能不会有大的区别，但在后期扩展和改进时会有更好的体验。less样式：使用less和sass写样式，应遵守层级关系，这样会使结构清晰，代码量减少。注意父子组件嵌套产生的数据问题：在父组件中打开.
2021-09-02 18:41:14
66
原创 Element-UI样式穿透
css中// 先用一个标签将这个组件包起来，然后通过父查子的方式来找到组件的类，注意是通过>>>来查找<style scoped>.box >>> .el-checkbox__inner { border-radius: 50%; }</style>less和sass中// less语法要通过/deep/ 来找到子级的类<style scoped lang="less"> .box { /deep/ .
2021-07-28 17:13:17
736
原创 原生class属性的增删操作
原生class属性的增删操作dom.classList.add(value) (添加类名，如果有则不添加)dom.classList.remove(value) (删除类名，如果无则不删除)
2021-07-28 11:01:04
41
原创 http从发起请求到结束响应到结束响应都经历了什么？
http从发起请求到结束响应到结束响应都经历了什么？ 作为一个前端开发新手，我们最常做的事情除了根据UI设计稿的，高保真的实现页面布局。除此之外，我们最常见的就是调用后台提供的接口，根据返回的数据进行渲染。然而作为最常进行的操作，对之前的自己来说却宛如一个黑箱子。知道往箱子里面放什么，自己会拿到什么，但也是因为这样经常会产生疑惑？ 发起的请求究竟是怎样传递到服务器的，服务器的响应又是怎样回传到浏览器的。今天集中学习了一下，把自己了解到的做一个分享和记录。 一，输入域名，如https://www
2020-09-15 18:08:18
677
原创 vue虚拟dom
vue虚拟domvue的虚拟dom并没有刷新页面，if、else切换后，并没
2020-09-10 16:43:12
58
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人