前端
一头小绵羊
前端爱好者,vue.js 互相学习,互相帮助
展开
-
vue 3路由不跳转 Catch all routes (“*“) must now be defined using a param with a custom reg
vue 3路由不跳转 Catch all routes (“*“) must now be defined using a param with a custom reg原创 2022-09-07 19:17:22 · 864 阅读 · 0 评论 -
node 生成 token JWT认证
node JWT认证原创 2022-08-25 15:14:33 · 265 阅读 · 1 评论 -
vue3 antd 树形组件,组件搜索基本用法
vue3 antd 树形组件,组件搜索基本用法原创 2022-07-21 11:30:50 · 1794 阅读 · 0 评论 -
js 平滑滚动到顶部
平滑滚动到顶部原创 2022-07-19 15:52:19 · 497 阅读 · 0 评论 -
css隐藏滚动条
css 隐藏滚动条原创 2022-07-15 16:00:13 · 269 阅读 · 0 评论 -
vue3 computed 用法
vue3 computed 用法原创 2022-07-15 08:39:40 · 926 阅读 · 0 评论 -
vue3 watch 用法
vue3 watch 用法原创 2022-07-15 08:38:30 · 284 阅读 · 0 评论 -
vue3 mitt 跨组件传值
vue3 mitt 跨组件传值原创 2022-06-15 13:53:11 · 517 阅读 · 0 评论 -
前端如果做实时获取数据?
如果做实时获取数据?//websocket协议// 这是socket接口的地址var wsServer = 'ws://localhost:8888/Demo' // 新建socket对象 var websocket = new WebSocket(wsServer)// 通过onmessage事件,一旦后端接口数据更新,那么会实时传送到客户端。 websocket.onmessage = function (evt) { //evt里面包含最新的数据 }跟http协议区别在原创 2022-04-19 16:57:36 · 4229 阅读 · 0 评论 -
js 图片懒加载最好的方法
js 图片懒加载原创 2022-04-15 13:39:48 · 473 阅读 · 0 评论 -
vue 封装折叠面板加动画效果
vue 封装折叠面板原创 2022-04-08 15:33:23 · 2241 阅读 · 3 评论 -
js 数组随机排序
js 数组随机排序1.定义相应的变量2.生成一个随机的index3.调换随机值的位置var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; function random (arr) { //定义变量 var length = arr.length, index, temp for (let i = 0; i <= length - 1; i++) { //生成一个随机的index index =原创 2022-04-07 15:17:58 · 433 阅读 · 0 评论 -
一个简单vue答题小demo,单选多选
vue 答题 demo原创 2022-04-02 10:43:09 · 4543 阅读 · 10 评论 -
[antdv: DatePicker] `value` provides invalidate moment time. If you want set empty value,use `null`
ant DatePicker 踩坑,回显报错,看了很多帖子都说它回显的时候用moment类型,也尝试用了,但仍然报错原创 2022-03-24 11:36:53 · 779 阅读 · 0 评论 -
js常见算法
js常见算法1、js 统计一个字符串出现频率最高的字母/数字let str = 'asdfghjklaqwertyuiopiaia';const strChar = str => { let string = [...str], maxValue = '', obj = {}, max = 0; string.forEach(value => { obj[value] = obj[value] == und原创 2022-03-21 09:14:45 · 259 阅读 · 0 评论 -
vue对象数据去重
filterObj (objcArray) { for (var i = 0; i < objcArray.length; i++) { for (var j = i + 1; j < objcArray.length;) { if (objcArray[i].id== objcArray[j].id) { //通过id属性进行匹配; objcArray.splice(j, 1); //去除重复的对象; ..原创 2021-12-07 10:45:08 · 493 阅读 · 0 评论 -
vue-router中的router-link的active-class
vue-router中的router-link的active-class在 router.js 中设置默认样式名字const router = new VueRouter({ linkActiveClass: 'active',})<template> <div class="nav"> <router-link to="./goods" class="nav-item"> 商品 <i class="line">原创 2021-12-29 15:35:34 · 919 阅读 · 0 评论 -
node.js 创建一个简单的web服务
node创建一个简单的web 服务,局域网内可以通过ip地址访问原创 2022-01-18 16:42:22 · 276 阅读 · 0 评论 -
vue better-scroll 实现饿了么菜单联动滚动
better-scroll 组件使用,左右联动效果原创 2021-12-31 15:13:09 · 1320 阅读 · 0 评论 -
EasyExcel实现导出excel vue 代码如何写
EasyExcel实现导出excel vue 代码如何写原创 2022-03-02 11:21:53 · 643 阅读 · 0 评论 -
vue + ant 级联选择器动态加载 组件方式
vue ant 级联选择器动态渲染原创 2022-02-15 09:32:14 · 827 阅读 · 0 评论 -
js 数据处理 如果对象中属性值为null 重新为每一项赋值
导出excel 数据为 属性 为 null 时,表格无边框,展示不好看为没一项为null值的属性重新赋值为 ’ ’ 空格,解决 let temp = [ { id: 1, name: '王五', age: null, country: null, }, { id: 2, name: '张三',原创 2021-12-04 16:31:54 · 2053 阅读 · 0 评论 -
js 防抖与节流之防抖
js 防抖与节流之防抖原创 2022-03-11 14:36:09 · 67 阅读 · 0 评论 -
vue格式化代码去掉分号 : ; 使用单引号 : ‘ ‘
配置前需要安装两个插件①配置setings.json文件,打开设置将下面的代码复制进去{ // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 "editor.formatOnSave": false, // #每次保存的时候将代码按eslint格式进行修复 "eslint.原创 2021-12-07 09:58:54 · 2068 阅读 · 0 评论 -
java script ES6 定义类与继承类基本用法
class Animal { constructor(name) { this.name = name; } speak() { console.log(this.name + ' makes a noise.'); }}class Dog extends Animal { constructor(name) { super(name); // call the super class constructor and pass in the nam.原创 2022-03-09 13:40:15 · 527 阅读 · 0 评论 -
如何解决 setInterval 执行时间延时问题
如何解决 setInterval 执行时间延时问题原创 2022-03-11 16:57:02 · 1790 阅读 · 0 评论 -
vuex 使用 一篇文章就够了
vuex如何使用,基本结构原创 2022-01-21 15:53:45 · 459 阅读 · 0 评论 -
ant 级联选择器 cascader 动态加载
vue ant 组件动态加载 ant级联选择器动态加载原创 2022-02-14 14:49:29 · 1928 阅读 · 1 评论 -
如何在 JavaScript 循环中使用 async/await
在循环中迭代循环项和处理异步逻辑(即API调用),可能是我们作为JavaScript开发人员必须执行的两个最常见的任务。本文将讨论的是组合async/await和迭代逻辑的最佳方法。有时候,你会希望在for循环(或任何类型的其他循环)中运行异步操作。那么怎么处理此类情况呢,一起来看看吧。按顺序读取Promise 假设有一个文件列表,我们想按顺序读取并记录每个文件的内容。怎么做呢?我们可以在异步函数中使用for…循环。请看代码片段。async function printFiles () { .原创 2022-03-08 09:25:46 · 1789 阅读 · 0 评论 -
vue 实现 高德地图 api 掩模、定位、天气
vue 高德地图api 渲染掩模、定位、天气,地址查询使用方法原创 2022-01-19 14:13:23 · 1629 阅读 · 4 评论 -
js 中的八大设计模式
设计模式(Design pattern) 是解决软件开发某些特定问题而提出的一些解决方案也可以理解成解决问题的一些思路。通过设计模式可以帮助我们增强代码的可重用性、可扩充性、 可维护性、灵活性好。我们使用设计模式最终的目的是实现代码的 高内聚 和 低耦合。通俗一点讲的话 打比方面试官经常会问你如何让代码有健壮性。其实把代码中的变与不变分离,确保变化的部分灵活、不变的部分稳定,这样的封装变化就是代码健壮性的关键。而设计模式的出现,就是帮我们写出这样的代码。设计模式就是解决编程里某类问题的通用模板,总结出来的代原创 2022-03-10 11:47:38 · 198 阅读 · 0 评论 -
vue.draggable 拖拽 ant 组件布局
vue draggable 拖拽原创 2022-03-07 17:56:13 · 1639 阅读 · 0 评论 -
js防抖与节流之节流
js防抖与节流之节流原创 2022-03-11 14:09:04 · 143 阅读 · 0 评论 -
Vue使用NProgress
官网:http://ricostacruz.com/nprogress/github:https://github.com/rstacruz/nprogress1、安装$ npm install --save nprogress 或者$ yarn add nprogress//用法NProgress.start();NProgress.done();2、使用router.js//导入import NProgress from 'nprogress'import 'nprogre原创 2021-08-01 16:55:52 · 89 阅读 · 0 评论 -
JS vue中处理数据重复
JS vue中处理数据重复ant组件使用树形表格的时候,由于后台数据重复,查询报错索引重复 利用去重解决id 不唯一<!--VUE代码--><!-- 根据 categoryBirdData table数据 取ID 回显到 tree 中--> <a-tree class="a-tree" v-model="selectedKeys" @check="onCheckTree" checkable原创 2021-11-04 10:34:39 · 1716 阅读 · 0 评论 -
VUE.JS邮箱、手机、车牌自定义验证规则
VUE JS邮箱与手机验证规则// 自定义邮箱规则 var checkEmail = (rule, value, callback) => { const regEmail = /^\w+@\w+(\.\w+)+$/ if (regEmail.test(value)) { // 合法邮箱 return callback() } callback(new Error('请输入合法邮箱')) } //原创 2021-07-22 22:40:24 · 1314 阅读 · 0 评论 -
vue项目安装less
vue项目安装less 如果报错或者卡死 npm install less less-loader --save 卸载 npm uninstall less-loader 安装 npm install less-loader@4.1.0 --save 启动 npm start原创 2021-08-06 22:31:00 · 106 阅读 · 0 评论 -
centos7 部署vue项目+反向代理
linux centos7 nginx 部署vue项目 一站式,按步骤即可成功部署项目原创 2022-01-17 10:50:43 · 2165 阅读 · 0 评论 -
ant 组件点击行添加样式
ant 组件点击行添加样式html 代码 <a-table :data-source="data" bordered :customRow="clickRow" rowKey="id" :pagination="false" class="table"> <a-table-column key="id" title="分类名称" data-index="categoryNameCn" /></a-table>JS代码 clickRow (record,原创 2021-11-18 11:22:19 · 801 阅读 · 0 评论 -
vue 全选功能翻页保留前一页选择的状态
因项目要求,额外加一个全选按钮翻页第二次点击全选时,数据会被清空解决方案:点击全选时,先获取localstore,将选中的值 push 进去,在存存到localstore项目页面下面上代码:当用户翻页先点击全部,然后在手动取消几个,拿到的值会是全选的值,所以我们要监听一下选中值的变化,将变化后的值重新赋值data(){return{ // 表格选中的ID selectedRowKeys: [], }, created() { localStorage.removeIte原创 2021-11-11 14:10:09 · 1767 阅读 · 0 评论