- 博客(25)
- 收藏
- 关注
RSS订阅
原创 JS常用事件类型方法(图文结合,用最简单的术语带你搞透)
我是小康,一个热爱前端,热爱生活的99年小伙,人生路漫漫在这里相遇即是你我的缘分,点进来看看我的分享都是满满的干货,相信你会有所收货话不多说,接下来的操作定让你收获满满既然是要了解JS的事件类型方法,那么咱们就要知道什么是事件,用简单的话来说,事件就是一个事情(话糙理不粗)或是一个操作行为,下图的代码片段和图文会告诉大家什么是JS的操作行为<!DOCTYPE html><html lang="en"><head> <meta cha.
2021-04-10 07:43:08
1591
10
原创 JavaScript数组方法总结
一.数组的长度length表示数组中的长度var arr = [1,2,3,4,5]console.log(arr.length) //5二.join()方法join(’’)括号中填分隔符, 把一个数组分隔成了字符串形式,这个方法只接受一个参数即分隔符,如果括号种什么都不填的话默认以逗号为分隔符var arr = [1,2,3,4]console.log(arr.join()) //1,2,3,4console.log(arr.join("-")) //1-2-3-4三.push
2021-04-01 21:41:29
1881
8
原创 使用canvas和javaScript实现一个超炫酷的场景（附上代码）
【代码】使用canvas和javaScript实现一个超炫酷的场景（附上代码）
2023-04-05 21:23:19
371
原创 web前端高频面试题
1.数组扁平化数组的扁平化，就是将一个嵌套多层的数组 array (嵌套可以是任何层数)转换为只有一层的数组。let arr = [1, [2, [3, 4]]]; function flattern(arr) { let result = []; for(let i = 0; i < arr.length; i++) { if(Array.isArray(arr[i])) { flattern(ar
2021-05-20 21:48:16
471
原创 微信小程序客服功能
客服消息使用指南为丰富小程序的服务能力，提高服务质量，微信为小程序提供客服消息能力，以便小程序用户可以方便快捷地与小程序服务提供方进行沟通。功能介绍用户可使用小程序客服消息功能，与小程序的客服人员进行沟通。客服消息会话入口有两个：1、小程序内：开发者在小程序内添加客服消息按钮组件，用户可在小程序内唤起客服会话页面，给小程序发消息；2、已使用过的小程序客服消息会聚合显示在微信会话“小程序客服消息”内，用户可以在小程序外查看历史客服消息，并给小程序客服发消息。客服消息下发条件：小程序用户在小程序
2021-05-09 20:49:30
5262
原创 v-if和v-show的区别
vue中显示隐藏方法常用两种，v-show和v-if，但这两种是有区别的。vue-show本质就是标签display设置为none，控制隐藏vue-if是动态的向DOM树内添加或者删除DOM元素编译的条件v-show都会编译，初始值为false，只是将display设为none，但它也编译了v-if初始值为false，就不会编译了编译的区别v-show其实就是在控制cssv-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件用法:v-if更
2021-05-05 20:37:25
169
原创 v-for中key值的作用
说到key值我第一时间想起的就是v-for中循环遍历的用来表示下标的key值,不知道你们第一时间想起的是什么呢?我觉得v-for中key值的作用就是当vue.js用v-for正在更新已渲染过的元素列表时,它默认地采用就地复用的策略,如果数据项的顺序被改变,vue将不会移动DOM元素来匹配数据项的顺序,而是简单的复用此处的每个元素并且确保它在特定索引下显示已被渲染过的每个元素,key值的作用主要是为了高效更新虚拟DOM,详细大家和我一样最讨厌长篇大论了,好吧,下面下代码进入实战,看一下v-for中的key值使
2021-05-05 19:11:40
638
原创 小米商城项目(下)
上篇博客我们对小米商城的这个项目模块进行了一下简单的分析,还有对各个页面的效果图的这个基本页面有了一个大致的影响,相信大家已经开始跃跃欲试了,我先把我的项目地址奉上,感兴趣的话可以去git上面看一看结合我一会发的代码位置相对应的板块去简单分析一下,相信你会有所收获https://gitee.com/kk23851/vue_shoppe_kang老规矩摆上逻辑图在项目开始初期我们要先配置一下跨域,在项目根目录下创建一个vue.config.js的文件,配置代码如下:/* * @Descriptio
2021-05-04 13:34:52
603
1
原创 小米商城项目(上)
小米商城是集许多种功能为一体的网站,能够满足用户的需求和体验感,极大的为用户的购物提供了方便,我写的这个小米商城只是一个简洁版,包含小米商城首页,用户登录板块,用户注册板块,商品分类板块,商品详情页面板块,购物车板块,结算页面板块,订单页面板块以及我的收藏板块这九大模块构成,感兴趣的小伙伴可以继续往下看,接下来献上逻辑图这篇博客(上)主要是带大家看一下项目结构和了解一下用到的技术栈,下一篇博客才会对这个小米商城进行一个深入的解析Element-ui:他就是一套为开发者,设计师和产品经理准备的基于V
2021-05-04 12:39:21
1808
1
原创 梦学谷后台管理系统(二)
梦学谷后台管理系统git地址:https://gitee.com/kk23851/dream_study_grain_twogroup项目架构接着上篇博客写,上篇博客写到了梦学谷后台管理系统首页,基本布局和退出登录及修改密码已经写完了,这期我们就把剩余几个板块给笼统概括一下,感兴趣的就去git下载到本地以后按着代码位置去看一看会员管理会员管理页面的实现需要对页面进行一个基本的布局,在利用mock.js的模拟到的数据,通过接口获取到数据对页面进行一个最基础的渲染,需要实现列表分页,用户查询.新增列
2021-05-04 11:53:51
324
原创 电商后台管理系统(二)
后台管理系统git地址:https://gitee.com/kk23851项目架构图上期写到电商后台管理系统的权限管理了,本期接着完成剩余部分一.商品管理商品添加页面布局过程中需要使用Steps组件，在element.js中引入并注册该组件,然后再在getAdd.vue中进行页面布局,添加tab栏切换验证也就是说不输入某些内容，无法切换到别的tab栏,然后展示商品参数信息,在商品参数信息展示中使用的el-checkbox,el-checkbox-group组件，打开element.js引入组件
2021-05-03 16:32:31
601
1
原创 电商后台管理系统(一)
后台管理系统git地址:https://gitee.com/kk23851一.项目大体架构二.用户登录用户登录页面思路:用Element表单验证完成以后,把数据存储到本地用户登录代码位置如图:三.用户管理用户列表页面绘制用户列表基本结构,请求用户列表数据,将用户列表数据展示,实现用户列表分页,实现搜索功能,实现添加用户,修改用户信息,删除用户,分配权限用户管理代码位置如图:四.权限管理权限管理有俩个板块分别是角色列表和权限列表,用到的技术无非就是element-ui,所
2021-05-03 15:16:37
4728
3
原创 vue简版源码之wathcer.js(四)
刚刚结束compile的源码分析就趁热打铁把这点watcher,js源码给更新完,五一假期很短暂,转眼之间已过其二,这第三天必须努力一把,不逼自己一把不知道自己潜力有多大,更!watcher是什么?watcher它就是用来监听data中属性的变化,一旦数据发生变化就会通知订阅者和发布者,调用视图,更新函数,更新视图,往细一点说就是每当有数据改变，都将通知相应的Watcher执行回调函数，更新视图当给这个对象的某个属性赋值时，就会触发set方法 - **set函数调用，触发Dep的notify()向
2021-05-03 12:38:05
156
原创 vue简版源码之compile.js(三)
由于五一假期的来临,按耐不住年轻躁动的心,放我自我俩天时间,现在强迫自己静下心来把compile的源码给写完不然越拖越不想写就很难,拼了!首先咱们要先知道compil充当一个什么角色,它的主要作用是解析模板，生成渲染模板的render, 而render的作用主要是为了生成VNode温馨提示:有什么不懂就打印出来看打印结果尝试理解,我自己觉得这样效果还不错(接下来我会详解这个代码块,你这需要顺着思路理解就好了)以这个组件模块为例:<!DOCTYPE html><html lan
2021-05-03 11:41:59
313
原创 vue简版源码之observe.js(二)
Observer.js源码分析分析源码之前先要知道observer是什么,observer其实就是充当着一个订阅者模式,当对象状态发生改变时会通知观察者,模式适用于根据对象状态进行相应处理的场景。. Observer 并非主动观察，而是被动观察，通常情况下：. 一个Model对应多个View，这里也是使用Observer设计模式最多的地方.温馨提示:有什么不懂就打印出来看打印结果尝试理解,我自己觉得这样效果还不错(接下来我会详解这个代码块,你这需要顺着思路理解就好了)以这个组件模块为例:<!
2021-04-30 19:30:42
309
1
原创 vue简版源码之mvvm.js(一)
mvvm.js源码想要深入了解mvvm,必须先知道mvvm是什么,总所周知,mvvm是由Model(后端传递的数据),view(我们所看到的页面组成),ViewModel(它是链接View和Model的桥梁)三部分组成,那么你知道他的代码是怎么构成的吗接下来带你深入了解温馨提示:有什么不懂就打印出来看打印结果尝试理解,我自己觉得这样效果还不错(接下来我会详解这个代码块,你这需要顺着思路理解就好了)以这个组件模块为例:<!DOCTYPE html><html lang="en"&
2021-04-29 21:29:15
226
原创 vue面试题总结
为何组件的data必须是一个函数Data是一个函数的话,这样没复用一次组件就会返回一份新的data,类似于给每个组件实例创建了一个私有数据空间,让各个组件实例维护各自的数据,而单纯的写成对象形式,就使得所有组件共用一份data就会造成变了全会变的结果,所以说vue组件的data必须是一个函数,这是js带来的特性vue常用的指令v-model 多用于表单元素实现双向数据绑定v-for 格式： v-for="（item,index) in/of 数组json" 循环数组或jsonv-show 显
2021-04-28 21:17:17
150
原创 Vue中的八种传参方式你了解多少!
一.父传子,子传父父传递子如何传递:(1)在父组件的子组件标签上绑定一个属性，挂载要传输的变量(2)在子组件中通过props来接受数据，props可以是数组也可以是对象，接受的数据可以直接使用 props:[“属性 名”] props:{属性名:数据类型}子传递父如何传递...
2021-04-24 11:52:16
9750
1
原创 Vue项目中全局过滤器的使用（格式化时间）
过滤器格式化时间，借助moment插件今天给大家分享的是关于moment时间插件的使用,相信很多时候大家都会遇到给出的时间格式并不是已经格式化好的时间格式而是像下图中这样一串数字的格式使用moment时间格式化的步骤就写在下面了1.下载插件momentnpm install moment --save2.在main.js中引入引入插件import moment from 'moment’3.在main.js中定义全局过滤器（把下面代码复制黏贴到main.js中）Vu
2021-04-20 19:58:15
789
原创 Git push 提交后，本地代码丢失找不到解决方法
直接步入正题刚写好的代码打算上传到git当中,结果不留神不知道哪出问题了导致push更新代码不成功，反而把自己写好几天的代码都弄丢了，回收站和360恢复文件什么的都找不到，搞了好久终于找到解决方法了，下面给大家附上解决的思路1.执行命令：git reflog发现是 【 4214952 (购物车+收藏+订单) HEAD@{3}: 】这里操作时把代码搞丢了2. 执行命令：git reset --hard HEAD@{3}出现 HEAD is now at 4de5b02
2021-04-19 20:07:08
5983
10
原创 解决Vue中安装sass-loader和node-sass版本匹配的报错
最近一周没有更新博客是由于手头有点布置的项目,每天比较忙过的也很充足,基本时间安排的满满的,今天休息天就去外面跑了跑歩把一周的压印都释放了出去,瞬间感觉心情开朗了很多,晚上回来头脑感觉比较清晰就把以前遇到过的一个Bug以及解决思路通过复盘给大家分享一下,好了接下来步入正题我们在写vue项目的时候有时候大家会用到scss这时候就需要安装依赖sass-loader和node-sass,但是这俩个安装是十分坑爹的,它们俩会由于这个版本匹配冲突的原因导致运行报错,当时我在这个坑中踩了好久,接下来我把报错代码献
2021-04-17 21:15:00
4138
5
原创 从输入url到页面加载完成了什么
从输入url到页面加载完成了什么一. 浏览器地址栏输入URL并按下回车效果图如下二.浏览器查找当前URL是否存在缓存,并比较是否过期关于Cache-control这个缓存开关的一些扩展感兴趣可以深入研究三.DNS解析URL对应的ip简单来说从URL中解析出IP地址的过程就是DNS解析。DNS发展史四.根据ip建立TCP链接TCP是传输层协议,当对网络通讯质量有要求的时候，比如：整个数据要准确无误的传递给对方，这往往用于一些要求可靠的应用，比如HTTP、HTTPS、
2021-04-08 20:30:38
122
原创 团队协作统一命名规范
命名规范1.项目命名:全部采用驼峰式命名2.目录,js,css,scss,html命名vue的项目中components下的组件目录名，使用大驼峰命令,例：LeftBarJS文件命名:参照项目命名规则(大驼峰命名)。例：AccountModel.jsCSS, SCSS文件命名:例： RetinaSprites.cssHTML文件命名:例： Errorlog.html3.方法名,变量名 命名方法,变量的命名一般采用(动词+名词)的方法，并用小驼峰划分语义，比如doSomething,
2021-03-30 20:57:47
595
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人