![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
新手期积累
新手期遇到的坑
yellow-V
这个作者很懒,什么都没留下…
展开
-
关于vue中的$mount(‘#app‘)
当我们用vue脚手架(vue-cli)创建vue项目时,会生成初始的基本文件,其中关于main.js中的KaTeX parse error: Expected 'EOF', got '#' at position 8: mount(’#̲app’)这里创建的vue实…mount(’#app’)方法。/*webpack打包入口文件*///导入vue构造函数import Vue from 'vue'//导入根组件App.vueimport App from './App.vue'//导入路转载 2020-08-24 00:14:41 · 3274 阅读 · 1 评论 -
vue中 方法名:function() {} 和 方法名() {}区别
区别是methods: {name:function() {}, // es5写法name() {} // es6写法} 简写转载 2020-08-23 02:24:53 · 1713 阅读 · 2 评论 -
es6模块化语法
ES6模块化语法一、导出 export关键字1、默认导出2、按需导出3、不导出直接调用二、执行顺序:直接调用最先,之后根据自上而下的顺序执行原创 2020-08-22 15:13:36 · 500 阅读 · 0 评论 -
promise对象和es7的异步语法
promise解决的问题:1、js在执行时同步任务会按顺序执行,异步任务会添加到异步队列中等待同步代码执行完后,根据设定的条件开始执行(异步任务排在同步之后,但是同为异步任务不会根据写的位置顺序执行)。2、异步任务之间若有依赖关系,需要其他异步任务的结果时只能嵌套,为避免回调地狱,故而需要将异步任务中获取结果的区域分离出来。Promise是封装相应的方法和规定,使代码简洁。获取结果的区域分离的原理...原创 2020-08-17 15:37:26 · 177 阅读 · 0 评论 -
vue兄弟组件数据交互
这里涉及到箭头函数的this指向问题:1,箭头函数没有自己的this,this是上一个作用域中的this,而这个作用域是该组件中的,this指向该组件,可以操作其中的data2,function函数指向调用者,这里是事件处理中心eventHub对象...原创 2020-08-16 19:32:08 · 721 阅读 · 0 评论 -
vue动态组件中的keep-alive标签
对vue动态组件中keep-alive标签的分析原创 2020-08-16 19:09:02 · 157 阅读 · 0 评论 -
todos案例练习
todos案例1 提供的数据和 HTML结构引入todos的CSS样式 (HTML和 CSS 已经写好 我们需要改成Vue动态渲染的)2 把数据渲染到页面上根据completeed 的状态动态给li 绑定类名未完成状态:不需要样式 完成状态: 类名为 completed 编辑状态:类名为 editing如果completed 为 true 则给当前li 添加 completedinput type=“checkbox"中绑定v-model时=的参数为唯原创 2020-08-15 04:01:53 · 975 阅读 · 0 评论 -
Jquery $(selector).on( )的新理解
$(selector).on( )语法:回调函数中的 $(this) 指 childSlelector参数event 也是 childSlelector 所能触发的事件刚接触学习Jquery:对于on方法特别不理解委托事件的意义。最近练习阿里百秀案例:on( ),原生代码onclick等 。二者在绑定静态控件时没有区别,但是如果面对动态产生的控件,只有 on( ) 能成功的绑定到动态控件中。在添加头像功能中属于静态控件;而修改头像功能中属于动态控件。两者使用同一个上级元素并使用on ( )转载 2020-08-07 03:06:02 · 745 阅读 · 0 评论 -
同步异步函数
async function async1(){ console.log("async1 start") await async2() console.log("async1 end") } async function async2(){ console.log("async2") } console.log('script start') ..原创 2021-02-20 18:06:46 · 134 阅读 · 0 评论 -
面向对象
function Foo(){ getName = function(){ console.log(1) } return this } Foo.getName = fucntion(){ console.log(2) } Foo.prototype.getName = function (){ ..原创 2021-02-20 17:07:17 · 79 阅读 · 0 评论 -
js的栈堆内存和函数的闭包(回收机制)
js的栈堆内存和函数的闭包(回收机制)var fn = (function (i) { return function () { console.log(i) }})(2)fn(5)原创 2021-02-20 11:34:22 · 113 阅读 · 0 评论 -
el-select 设置下拉框宽度
在el-select中加入style=“width:100%”原创 2020-10-15 16:31:14 · 6285 阅读 · 0 评论 -
vue登录功能的实现
el-form组件+token验证el-form使用token验证(1)从后台拿到数据后将token值储存到浏览器本地储存当中window.sessionStorage.setItem('token', data.data.token)(2)在main.js中导入axios时,配置好请求头头中自动携带浏览器本地储存中的token值axios.interceptors.request.use(function(config) { config.headers.Authorization原创 2020-10-13 11:07:06 · 2780 阅读 · 2 评论 -
模块化语法的查找机制
1、完整路径+后缀名import './plugins/element.js'查找对应的文件2、省略后缀名import router from './router'查找对应路径文件夹下的index.js3、省略路径和后缀名import Vue from 'vue'在node_modules中查找下载的依赖包vue文件夹下的index.js在绝大多开发时是这样,实际中查询机制是有一个优先级顺序的(以上只是为了方便记忆)...原创 2020-10-13 10:00:39 · 118 阅读 · 0 评论 -
vue中嵌套树状结构
1、v-for样式如下数据(数组包含对象,对象中嵌套children数组)实现:标签v-for遍历数组children,嵌套一层v-for继续在子项中遍历children2、el-tree + 递归函数样式数据(数组包含对象,对象中嵌套children数组)实现(1)、el-tree属性props中设置label(要显示的内容)children(子集关系)(2)、属性node-key(唯一标识) default-expanded-keys(默认展开的)default-checke原创 2020-10-12 21:15:39 · 1194 阅读 · 1 评论 -
使用element-ui制作下拉框
制作下图-下拉框时会遇到的问题(使用element-ui)1、报错 丢失属性“value”解决:2、下拉选择时间,用element-ui中的el-date-picker组件原创 2020-10-10 14:06:50 · 1903 阅读 · 0 评论 -
构造函数ForData与FileReader
目标:1、学习ForData和FileReader的使用2、用户选择图片,预览图片,上传图片的具体实现原创 2020-10-09 09:14:20 · 203 阅读 · 0 评论 -
做vue项目时觉得有必要记录的知识点
1、关于String.split()<el-table-column type="expand"> <template v-slot="scope"> <el-tag class="elTagExpand" v-for="(item,index) in scope.row.attr_vals" :key="index" closable>{{item}}</el-tag> </template></el-table-col原创 2020-09-14 04:32:59 · 98 阅读 · 0 评论 -
el-form中el-input输入框的宽度问题
问题:要解决lable和input水平排列且input宽度可以自定义1、el-form有个属性inline默认为false,故而input输入框占了整行<el-form :model="addDialogForm" :rules="addDialogRules" > <el-form-item prop="attr_name" :label="addTitle"> <el-input v-model="addDialogForm.attr_name"原创 2020-09-13 21:43:18 · 27040 阅读 · 6 评论 -
vue element Cascader 级联选择器
vue element Cascader 级联选择器(1、下拉框太长;2、选择任意一级选项 点击收起;3、点击label选中)1、下拉框太长.el-cascader-panel { height: 300px;}`在全局css中设置下拉框的高度2、选择任意一级选项 点击收起 watch: { handlerValue() { if (this.$refs.refHandle) { this.$refs.refHandle.dropDownVisible转载 2020-09-13 00:22:08 · 1366 阅读 · 1 评论 -
递归对象-深度拷贝
1、规定;浅拷贝对不同数据类型的不同处理2、深拷贝递归的原理3、浅拷贝的api----assign4、运算符instanceof:用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。原创 2020-09-11 00:35:06 · 340 阅读 · 0 评论 -
递归数组-获取所有嵌套分支中的元素
递归遍历树状json时遇到的问题原创 2020-09-10 10:12:06 · 335 阅读 · 0 评论 -
做vue项目时遇到的疑惑 slot-scope
在使用element-ui时遇到作用域插槽中使用slot-scope故slot-scope="scope"与v-slot=’'scope’等价原创 2020-09-09 23:11:47 · 426 阅读 · 0 评论 -
element-ui使用分页功能时遇到的问题---删除尾部的页码变动
watch: { 'params.pagenum': function () { this.getUsers() } },1、使用侦听器侦听该属性,改变为3时再次请求数据2、对于侦听器监听对象中的属性方法查阅官方文档后发现要用字符串原创 2020-09-09 04:18:49 · 478 阅读 · 0 评论 -
js拿到对象中属性的方法
<script> var obj = { username:'huagnwei' } console.log(obj.username); console.log(obj['username']); </script>原创 2020-09-09 02:41:40 · 468 阅读 · 0 评论 -
v-model
定义data时定义空对象 而双向绑定对象中的属性后会向其中添加属性并绑定值原创 2020-09-09 01:45:50 · 181 阅读 · 0 评论 -
绝对定位与浮动脱标的区别
原理:1、浮动是半脱标脱离了文档流没有脱离文本流2、绝对定位是全脱标即脱离文档流又脱离文本流关于文档流和文本流还有待进一步研究 研究透了再记录原创 2020-09-05 02:23:23 · 536 阅读 · 1 评论 -
phpstudy遇到的问题
phpstudy里的MySQL管理器导入点击无反应-----导入路径有中文用2018mysql启动不了------没找到原因,下载2016之后又可以了原创 2020-08-27 03:22:31 · 254 阅读 · 0 评论