- 博客(40)
- 收藏
- 关注
RSS订阅原创 微信小程序 动态获取图片主色调作为背景
引入image-main-color插件import { getMainColor } from '../../utils/image-main-color.js'setBackgroundColor() { const ctx = wx.createCanvasContext('myCanvas') const that = this wx.getImageInfo({ src: `${that.data.imageSrc}`, success: .
2021-09-18 12:19:49
1824
3
原创 （后台管理系统）动态添加商品规格
数据结构子商品集合: [ { 规格集合: [ { 规格名: "", 规格值: [], }, ], }, ],代码地址https://gitee.com/huangwei1240/background-management-system.git.spec.vue文件...
2021-05-21 11:41:35
982
原创 重识css(1) —— height,width
要弄清楚height,width,先要明白指定元素是行内还是块级。两者的特性：包含块简单理解为父元素（不完全是，比如绝对定位的包含块是层级最接近的相对定位）1、内外盒子每个元素都是分为两层，inline-block外层是inline故宽度随内容且不换行，内层是block故可以设置height，同理block => block-block ； inline => inline-inline2、width:auto该属性是元素默认宽度，且体现在元素盒子的特性上，块级元素随包含块填满
2021-04-30 15:33:24
144
原创 同步异步函数
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
104
原创 面向对象
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
71
原创 js的栈堆内存和函数的闭包(回收机制)
js的栈堆内存和函数的闭包(回收机制)var fn = (function (i) { return function () { console.log(i) }})(2)fn(5)
2021-02-20 11:34:22
105
原创 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
2746
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
108
原创 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
1138
1
原创 使用element-ui制作下拉框
制作下图-下拉框时会遇到的问题（使用element-ui）1、报错 丢失属性“value”解决：2、下拉选择时间，用element-ui中的el-date-picker组件
2020-10-10 14:06:50
1879
原创 构造函数ForData与FileReader
目标：1、学习ForData和FileReader的使用2、用户选择图片，预览图片，上传图片的具体实现
2020-10-09 09:14:20
189
原创 做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
70
原创 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
26523
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
1308
1
原创 递归对象-深度拷贝
1、规定;浅拷贝对不同数据类型的不同处理2、深拷贝递归的原理3、浅拷贝的api----assign4、运算符instanceof:用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。
2020-09-11 00:35:06
328
原创 做vue项目时遇到的疑惑 slot-scope
在使用element-ui时遇到作用域插槽中使用slot-scope故slot-scope="scope"与v-slot=’'scope’等价
2020-09-09 23:11:47
403
原创 element-ui使用分页功能时遇到的问题---删除尾部的页码变动
watch: { 'params.pagenum': function () { this.getUsers() } },1、使用侦听器侦听该属性，改变为3时再次请求数据2、对于侦听器监听对象中的属性方法查阅官方文档后发现要用字符串
2020-09-09 04:18:49
458
原创 js拿到对象中属性的方法
<script> var obj = { username:'huagnwei' } console.log(obj.username); console.log(obj['username']); </script>
2020-09-09 02:41:40
460
原创 绝对定位与浮动脱标的区别
原理：1、浮动是半脱标脱离了文档流没有脱离文本流2、绝对定位是全脱标即脱离文档流又脱离文本流关于文档流和文本流还有待进一步研究 研究透了再记录
2020-09-05 02:23:23
520
1
原创 phpstudy遇到的问题
phpstudy里的MySQL管理器导入点击无反应-----导入路径有中文用2018mysql启动不了------没找到原因，下载2016之后又可以了
2020-08-27 03:22:31
239
转载 关于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
3219
1
转载 vue中 方法名:function() {} 和 方法名() {}区别
区别是methods: {name:function() {}, // es5写法name() {} // es6写法} 简写
2020-08-23 02:24:53
1669
2
原创 es6模块化语法
ES6模块化语法一、导出 export关键字1、默认导出2、按需导出3、不导出直接调用二、执行顺序：直接调用最先，之后根据自上而下的顺序执行
2020-08-22 15:13:36
488
原创 promise对象和es7的异步语法
promise解决的问题：1、js在执行时同步任务会按顺序执行，异步任务会添加到异步队列中等待同步代码执行完后，根据设定的条件开始执行（异步任务排在同步之后，但是同为异步任务不会根据写的位置顺序执行）。2、异步任务之间若有依赖关系，需要其他异步任务的结果时只能嵌套，为避免回调地狱，故而需要将异步任务中获取结果的区域分离出来。Promise是封装相应的方法和规定，使代码简洁。获取结果的区域分离的原理...
2020-08-17 15:37:26
148
原创 vue兄弟组件数据交互
这里涉及到箭头函数的this指向问题：1，箭头函数没有自己的this，this是上一个作用域中的this，而这个作用域是该组件中的，this指向该组件，可以操作其中的data2，function函数指向调用者，这里是事件处理中心eventHub对象...
2020-08-16 19:32:08
693
原创 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
909
转载 Jquery $(selector).on( )的新理解
$(selector).on( )语法：回调函数中的 $(this) 指 childSlelector参数event 也是 childSlelector 所能触发的事件刚接触学习Jquery：对于on方法特别不理解委托事件的意义。最近练习阿里百秀案例：on( )，原生代码onclick等 。二者在绑定静态控件时没有区别，但是如果面对动态产生的控件，只有 on( ) 能成功的绑定到动态控件中。在添加头像功能中属于静态控件；而修改头像功能中属于动态控件。两者使用同一个上级元素并使用on ( )
2020-08-07 03:06:02
732
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人