46浏览

0评论

24个实用JavaScript 开发技巧

目录1. 初始化数组2. 数组求和、求最大值、最小值3. 过滤错误值4. 使用逻辑运算符5. 判断简化6. 清空数组7. 计算代码性能8. 拼接数组9. 对象验证方式10. 验证undefined和nu...

• 2022-01-09

53浏览

0评论

详解JavaScript对象转原始值

目录Object.prototype.valueOf()Object.prototype.toString()Symbol.toPrimitive对象转换原始值1. 预期被转换成字符串类型2. 预期被转换成数字类型3. 预期被转换成默认类型...

• 2022-01-09

51浏览

0评论

HTML+jQuery实现简单的登录页面

目录简介公共代码(后端接口)示例1：最简(纯HTML)代码测试示例2：HTML+jQuery(form data)代码测试示例3：HTML+jQuery(json)代码测试简介本文用示例展示简单的登录页面的写法。会包...

• 2022-01-09

52浏览

0评论

js利用FileReader读取本地文件或者blob方式

目录FileReader读取本地文件或blob一、FileReader的使用二、FileReader的方法三、FileReader的属性四、FileReader的事件使用FileReader读取本地磁盘文件问题FileReader读取...

• 2022-01-09

58浏览

0评论

一文了解什么是TypeScript?

目录1.JavaScript的问题2.TypeScript的优势3.TypeScript的缺点4.TypeScript的运行环境5.作用域问题前言：
TypeScript是JavaScript的超集，它可以编译成纯JavaScript代码。那为...

• 2022-01-09

57浏览

0评论

TypeScript联合类型,交叉类型和类型保护

目录1.联合类型2.交叉类型3.类型保护3.1自定义类型保护
3.2typeof 类型保护
3.3instanceof类型保护
1.联合类型
所谓的联合类型就是定义一些类型，定义的变量只需要满足任意一...

• 2022-01-09

46浏览

0评论

JavaScrip String对象的方法

目录String对象的方法方法一: indexOf() (推荐)方法二: search()方法三:match()RegExp 对象方法方法四:test()方法五:exec()总结String对象的方法方法一: indexOf() (推荐)v...

• 2022-01-09

73浏览

0评论

详解vue element plus多语言切换

目录前言如何实现多语言切换 ？1、安装包vue-i18n2、在src目录下新建如图：3、 在main.js中4、在vue文件中使用如何动态切换语言并更改elementUI语言 ？1、利用vuex，在mutations中...

• 2022-01-09

45浏览

0评论

vuex的核心概念和基本使用详解

目录介绍开始安装
①直接下载方式
②CND方式③NPM方式④Yarn方式NPM方式安装的使用方式
store概念及使用概念：定义使用mutations概念及使用概念：使用：定义使用action概念及使用...

• 2022-01-09

41浏览

0评论

详解Vue3的响应式原理解析

目录Vue2响应式原理回顾Vue3响应式原理剖析嵌套对象响应式避免重复代理总结Vue2响应式原理回顾// 1.对象响应化：遍历每个key，定义getter、setter// 2.数组响应化：覆盖数组原型...

• 2022-01-09

49浏览

0评论

Vue data中随意改一个属性,视图都会更新吗?

面试官：看过 Vue 的源码没？ 候选者：看过。 面试官：那你说下 Vue data 中随意更改一个属性，视图都会被更新吗？ 候选者：不会。 面试官：why? 候选者：如果该属性...

• 2022-01-09

156浏览

0评论

手机安装GreasyFork油猴js脚本的教程

目录前言一、Iceraven浏览器(火狐)(安卓)二、(安卓)三、(苹果)(安卓)四、kiwi浏览器(安卓)前言Icaraven浏览器与kiwi浏览器的界面和功能基本相同
Iceraven支持火狐插件，kiwi...

• 2022-01-09

67浏览

0评论

如何在Vue中使用debouce防抖函数

目录1.防抖函数2.Vue中使用debouce防抖函数1.防抖函数假定两次 Ajax 通信的间隔不得小于2500毫秒，上面的代码可以改写成下面这样。$('textarea').on('keydown', debounce(aja...

• 2022-01-09

42浏览

0评论

vue-nuxt 登录鉴权的实现

目录介绍链接开始继续往代码中走proxy配置请求拦截处理不同前缀的接口动态路由的配置重定向及auth权限介绍来自mentor的梳理，做个总结和记录链接https://auth.nuxtjs.org/api...

• 2022-01-09

50浏览

0评论

javascript:void(0)的含义及用法实例

void关键字介绍首先，void关键字是javascript当中非常重要的关键字，该操作符指定要计算或运行一个表达式，但是不返回值。语法格式： void func() void(func())实例1当点击超...

• 2022-01-09

50浏览

0评论

JavaScript 中创建私有成员

目录1.使用闭包2.使用 ES6 类3.使用 ES2020 提案4.使用 WeakMap5.使用 TypeScript前言：面向对象编程语言中的 private 关键字是一个访问修饰符，可用于使属性和方法只能在声明...

• 2022-01-09

38浏览

0评论

Nodejs-cluster模块知识点总结及实例用法

面试官有时候会问你，你给我说下nodejs如何开启多进程哇，你脑海里就应该立刻出现cluster模块，如今让我带你去探讨下cluster模块的使用。基本用法
Node.js默认单进程运行，对于32位...

• 2022-01-09

49浏览

0评论

Vue项目中引入 ECharts

目录1.安装2.引入3.使用4.按需引入 ECharts 图表和组件1.安装使用如下命令通过 npm 安装 EChartsnpm install echarts --save2.引入安装完成以后，可以将echarts全部引入，这样...

• 2022-01-09

88浏览

0评论

Vue+ECharts实现中国地图的绘制及各省份自动轮播高亮显示

目录实现效果完整代码+详细注释要点小结实现效果完整代码+详细注释<template> <div class="echart"> <div class="content"> <div id="map_cn"></div> </div>...

• 2022-01-09

46浏览

0评论

JavaScript中 创建动态 QML 对象的方法

一、动态创建对象
有两种方法可以从 JavaScript 动态创建对象： 调用 Qt.createComponent() 动态创建 Component 对象 使用 Qt.createQmlObject() 从 QML 字符串创建对...

• 2022-01-09

29浏览

0评论

17个JavaScript 单行程序

目录一、DOM & BOM 相关1、检查元素是否获得焦点
2、获取元素的所有兄弟节点
3、获取选定的文本
4、返回上一个页面
5、清除所有 cookie
6、将 cookie 转换为对象
二、数组...

• 2022-01-09

71浏览

0评论

uniapp实现钉钉扫码登录示例代码

由于uniapp暂无钉钉授权登录所以本文将钉钉扫码登录作为网页嵌入uniapp，最终实现钉钉扫码登录app1. 用H5调起钉钉扫码登录钉钉在网页端的扫码登录可参考钉钉文档：扫码登录第三...

• 2022-01-09

43浏览

0评论

vue + element动态多表头与动态插槽

目录一、需求二、效果三、全部代码一、需求
满足用户自行配置表格，减少对系统代码维护量。二、效果
表头json：说明：scope（字段名可另取）为是否对该列开启插槽。有propChildren包...

• 2022-01-09

56浏览

0评论

vue实现自定义"模态弹窗"组件实例代码

目录前言效果图实例代码总结前言对话框是很常用的组件 ， 在很多地方都会用到，一般我们可以使用自带的alert来弹出对话框，但是假如是设计出的图该怎么办呢 ，所以我们需要自己写一...

• 2022-01-09

64浏览

0评论

详解vue保存自动格式化换行

网上找了好多方法改着也没用，后面从一个大佬上看到的，就摘下来了，字体的话还是原来系统自带的看着舒服，就自己添加上去了，需要改动的可自行修改，在右上角文件--首选项--设置--搜索...

• 2022-01-09

33浏览

0评论

vue通过v-show实现回到顶部top效果

  html <div class="totop" v-show="toTopShow" @click="toTop()">top</div>css.totop { width: 50px; height: 50px; line-height: 50px; border-radius: 25px;...

• 2022-01-09

41浏览

0评论

proxy实现vue3数据双向绑定原理

目录一、proxy对比Object.defineProperty的优点二、、proxy监听对象的简单实现1.代理对象简单实现2.补充知识 Reflect3.proxy方法三、手写vue3.0双向绑定-es6 Proxy1、什么...

• 2022-01-09

209浏览

0评论

JavaScript函数调用经典实例代码

目录JavaScript函数调用经典例题JS函数的定义与调用方法总结JavaScript函数调用经典例题1.输入框判断是不是闰年2.随机数判断是不是闰年3.输入框判断是不是质数4.随机数判断...

• 2022-01-09

50浏览

0评论

分享Typescript的13个基础语法

目录一.Ts是什么二. 基本语法1.声明原始数据类型2.声明Object类型
2.1声明数组类型2.2声明元组类型3.声明枚举类型
4.函数参数与返回类型
5.任意类型
6.类型断言
7.接口基本...

• 2022-01-09

42浏览

0评论

七种JS实现数组去重的方式

目录1.利用Set()+Array.from()2.利用两层循环+数组的splice方法3.利用数组的indexOf方法4.利用数组的includes方法5.利用数组的filter()+indexOf()6.利用Map()7.利用对象例：...

• 2022-01-09

137浏览

0评论

vue watch监听方法总结

目录1.vue中的watch作用就如其命名就是监听的作用2.监听这个对象的属性3.监听这个对象的属性4.监听这个对象的属性在vue中，使用watch来响应数据的变化，关于watch的用法大致有...

• 2022-01-09

56浏览

0评论

vue如何关闭eslint检测(多种方法)

目录一、问题描述二、问题解决一、问题描述我们在开发vue项目的时候，创建的时候可能会不小心选择了eslint，这个检测规则对于新手来说，简直就是噩梦，会让你崩溃。所以如果不想让e...

• 2022-01-09

39浏览

0评论

Vue生命周期中的八个钩子函数相机

目录1、beforeCreate和created函数2、beforeMount和mounted函数3、beforeUpdate和updated函数4、beforeDestroy和destroyed函数总结1、beforeCreate和created函数beforeCrea...

• 2022-01-09

35浏览

0评论

vue3组件通信的方式总结及实例用法

vue3组件通信方式为以下几种 props $emit $expose / ref $attrs v-model provide / inject Vuex mitt
props<child :msg2="msg2" /><script se...

• 2022-01-09

39浏览

0评论

深入了解javascript原型和原型链

目录一、什么是原型二、prototype三、__proto__四、constructor五、实例与原型六、原型的原型七、原型链一、什么是原型原型：每一个javascript对象(除null外)创建的时候，都会...

• 2022-01-09

38浏览

0评论

echarts如何实现带百分比的横向柱状图

目录实例代码效果图代码解析总结实例代码var data = [220, 182, 191, 234, 290, 120, 65, 444];var barWidth = 20;var maxNum = 0;for (var i = 0; i < data.length; i++)...

• 2022-01-09

52浏览

0评论

webpack图片转为base64的实现示例

下载url-loader yarn add -D url-loadermodule: { rules: [ { test: /\.(jpeg|jpg|png|svg|gif)$/, use: { loader: 'url-loader', // 默认...

• 2022-01-09

44浏览

0评论

TypeScript 映射类型详情

目录1.映射类型（Mapped Types）2.映射修饰符（Mapping Modifiers）3.通过 as 实现键名重新映射（Key Remapping via as）4.深入探索（Further Exploration）前言:TypeScript 的官方文档早已...

• 2022-01-09

48浏览

0评论

Vue3+Vite+TS实现二次封装element-plus业务组件sfasga

目录1.结构字符串2.返回tuple元组3.访问Dict字典4.运用库5.在列表中切片/步进6.用 ranges1.结构字符串你会经常需求打印字符串。要是有很多变量，防止下面这样：name = "Raymond...

• 2022-01-09

45浏览

0评论

深入了解JavaScript中正则表达式的使用

目录一、什么是正则表达式1、正则表达式特点2、正则表达式的使用二、正则表达式中的特殊字符1、正则表达式的组成2、边界符3、字符类4、 量词符5、括号总结6、预定义类三、S...

• 2022-01-09

44浏览

0评论

React脚手架搭建的学习

一、前端工程的复杂化如果我们只是开发几个小的demo程序，那么永远不需要考虑一些复杂的问题：比如目录结构如何组织划分；比如如何管理文件之间的相互依赖；比如如何管理第三方模块...

• 2022-01-09

49浏览

0评论

前端Vue单元测试入门教程

目录一、为什么需要单元测试二、如何写单元测试三、测试工具四、Jest入门安装
简单示例
Jest Cli
使用配置文件
使用 Babel
vue-cli 中使用 Jest
常见示例
判断值相等检查类...

• 2022-01-09

56浏览

0评论

vue3时间戳转换（不使用过滤器）

 vue2转换时间戳的时候一般使用过滤器的方式，到vue3之后，vue3移除了过滤器，就不能再用了，官方是推荐使用方法或者计算属性的方式。下面写了一个Time.ts的文件，可以针对时间戳进...

• 2022-01-09

41浏览

0评论

实现瀑布流布局的三种方式

前言今天逛闲鱼的时候观察到每一行的高度不是相同的，经了解才知道原来这是一种瀑布流布局，感觉挺有意思，于是决定研究一下，在网上也找了一些方案，实现瀑布流大概有3种方式。一、J...

• 2022-01-09

51浏览

0评论

利用vue3仿苹果系统侧边消息提示效果实例

目录动效预览其他UI库开始组件目录结构toasts.vue大概的DOM结构index.js注册组件 & 定义全局变量instance.js手动挂载实例完整代码总结动效预览最近在做毕业设计, 想给毕设...

• 2022-01-09

44浏览

0评论

深入了解vue2与vue3的生命周期对比

目录周期对比用法总结周期对比 vue2 vue3 beforeCreate setup...

• 2022-01-09

46浏览

0评论

Vue获取表单数据的方法

目录需求获取数据并提交模板过滤器过滤器的使用场景总结需求使用Vue收集如下用户数据：
获取数据并提交代码实现：将value的值与变量属性进行绑定
v-model.trim = ‘username' ;...

• 2022-01-09

36浏览

0评论

vue之数据代理详解

目录一、下面我讲的是前端人员在vue-cli中就可以完成的一种解决方式——数据代理二、上面的数据代理还是有以下缺陷的总结解决跨域的方式有多种，例如jsonp、cors但这两种都需...

• 2022-01-09

74浏览

0评论

vue3中vuex与pinia的踩坑笔记记录

目录介绍安装使用简单对比写法差异与共同点Vuex 和 Pinia 的优缺点何时使用Pinia，何时使用Vuex总结介绍Pinia 是 Vue.js 的轻量级状态管理库，最近很受欢迎。它使用 Vue 3 中的...

• 2022-01-09

38浏览

0评论

基于el-table封装的可拖拽行列、选择列组件的实现

效果需要环境vue
elementUI
拖拽插件Sortable.js 需配置属性示例
<HTable :columns="columns" :data="list" :setColumn="true" tableKey="CategoriesList" style="w...

• 2022-01-09