首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端开发
杨梦馨
创建于2021-06-02
订阅专栏
html css Javascript ECMAscript less scss vue elementUI websocket Lodash TypeScript qiankun
等 7 人订阅
共26篇文章
创建于2021-06-02
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
vue微信公众号禁止分享功能
在当前页实现禁止分享按钮已屏蔽,但如果该配置是写在入口文件App.vue中,在跳转路由后屏蔽功能会失效。所以监听路由,如果有跳转,再进行一次屏蔽。
vue浏览器返回监听
获取到用户点击了浏览器自带的返回。挂载完成后,判断浏览器是否支持popstate。页面销毁时,取消监听。removeEventListener 取消监听内容必须跟开启监听保持一致。
vue报错TypeError: Cannot destructure property `entry` of 'undefined' or 'null'.
Cannot destructure property `entry` of 'undefined' or 'null' post install error, please remove node
原生js 返回顶部 返回到指定位置
我的页面是这样的,上面有一堆说明文字(类似前言),接着是目录,点击目录跳到具体的详情部分(用锚点做的),然后点击返回目录回到目录页。如果继续用锚点做返回目录页也ok,但效果肯定没有缓慢滑回来好呀
element-ui —— select组件多选+远程搜索
<el-select> filterable 可搜索 remote 可远程搜索 remote-method 远程搜索的方法 clearable 可清空选项 multiple 多选 value-key
JS 使用reduce进行数组去重
array.reduce(function(accumulator, currentValue, currentIndex, array), initialValue) reduce进行数组去重
js—记忆函数 memoize
在切换select下拉框进行接口请求搜索的时候,如果频繁切换会给后台造成很大的压力,所以需要前端用记忆函数来存储已经搜索过的项目。memoize
JS的防抖和节流
防抖(JS的事件多次触发,只执行最后一次) 节流(控制高频事件执行次数) input输入信息进行搜索,如果每敲一个字符就请求后台接口,给后台的压力太大了,所以做好防抖,即让程序只执行最后一次的事件
简述:Vue2和Vue3开发区别
响应式原理api的改变 diff算法,渲染算法的改变 建立数据 data 支持碎片 methods 生命周期钩子 — Lifecyle Hooks 计算属性 - Computed Properties
vue页面白屏的原因及优化
vue页面白屏的原因及优化 路由懒加载,组件懒加载 CDN 资源优化 gzip 加速优化 vue.config.js中关闭map文件,能减少好多map文件 SSR服务端渲染 首页加骨架屏
vue路由懒加载及组件懒加载
vue路由懒加载及组件懒加载 为给客户更好的客户体验,首屏组件加载速度更快一些,解决白屏问题 懒加载简单来说就是延迟加载或按需加载,即在需要的时候的时候进行加载 异步组件实现懒加载 ESimport
element-ui —— el-tooltip 超出部分显示省略号,鼠标悬浮显示详情
element-ui el-tooltip 超出部分显示省略号,鼠标悬浮显示详情 组件本身就是悬浮提示功能,在对它进行二次封装时,要对它进行优化,实现超出的文本加提示,没超出的不给予提示
element-ui —— 正则表单验证
element-ui 正则表单验证 validate 座机号正则 手机号正则 邮箱正则 金钱格式正则 密码正则 不包含特殊字符 ip正则 只能是数字和字母 id正则 必须是数字 必须是正整数
vue—filter 过滤器
在vue文件引用filter过滤器用法 在vue中全局引用filter过滤器用法 filter 过滤器(多参数)传参
vue 不生效打包样式 用深度选择器>>> ( /deep/ )解决vue调用第三方组件库覆盖样式不生效问题
vue 不生效打包样式 用深度选择器>>> ( /deep/ )解决vue调用第三方组件库覆盖样式不生效问题 穿透方法实际上违反了scoped属性的意义。而且在vue中过多使用scoped导致页面打包
element-ui —— 使用的popup问题
使用element中的popup问题 z-index es6中import的每个模块都是单例的,同一个对象被所有引用共用 引用npm包的某个文件时时,要注意引用其源码和编译后库的区别
element-ui —— Form表单校验 xxx is required 解决方法
element-ui Form表单校验 xxx is required 解决方法 去掉 required 即可,统一使用rules处理表单校验
element-ui —— el-table的row-key
row-key 必须为唯一标识,如有重复,点击后会造成页面卡死、失效的现象 elementUI table的row-key
element-ui —— Cascader 级联选择器
element-ui Cascader 级联选择器 获取到选中的节点 获取对应的NODE节点,节点里存储了相应的数据信息 版本
vue之$emit返回值
子组件调用父组件的方法并获取到父组件方法的返回值 vue之$emit返回值 在父组件方法里面写一个回调函数,然后通过回调将参数传给子组件
下一页