28 个提升JavaScript开发效率的 VSCode 插件
Visual Studio Code（也称为VSCode）是一种轻量级但功能强大的跨平台源代码编辑器, 借助对TypeScript 和Chrome调试器等开发工具的内置支持，越来越多的开发都都喜欢使用它。1. Qu...
2020-11-02
uniapp电商小程序实现订单30分钟倒计时
本文实例为大家分享了uniapp实现订单30分钟倒计时的具体代码，供大家参考，具体内容如下
倒计时函数如下：
// cm 参数是截至时间-当前时间// 截至时间是后台返回的数据...
2020-11-01
uni-app实现获取验证码倒计时功能
本文实例为大家分享了uni-app实现获取验证码倒计时的具体代码，供大家参考，具体内容如下
实现的效果
页面部分是一个三目运算，codeTime是倒计时的时间。
<...
2020-11-01
uni-app使用countdown插件实现倒计时
本文实例为大家分享了使用countdown插件实现倒计时的具体代码，供大家参考，具体内容如下
实现的效果如下：
这里实现的是一个活动倒计时，获取当前时间和活动开始时间，...
2020-11-01
uniapp微信小程序实现一个页面多个倒计时
本文实例为大家分享了uniapp实现一个页面多个倒计时的具体代码，供大家参考，具体内容如下
设计图（需求）
结构
<view class="group-list" v-for="item in message" :...
2020-11-01
微信小程序实现页面监听自定义组件的触发事件
微信小程序实现页面监听自定义组件的触发事件，供大家参考，具体内容如下
需求：在微信小程序开发过程中，页面通常会用到提示弹框。这时为了减少代码量及代码可拓展性，我们自定...
2020-11-01
微信小程序实现单个或多个倒计时功能
微信小程序 实现单个/多个倒计时显示
单个倒计时 多个倒计时
思路：首先获取到每个倒计时的结束时间，然后把结束时间跟当前时间转换成时间戳，结束时间减去当前时间再除以10...
2020-11-01
JavaScript实现刮刮乐效果
刮刮乐怎么做？
本文实例为大家分享了JavaScript实现刮刮乐效果的具体代码，供大家参考，具体内容如下
来这我教你
1、首先准备好编程软件webStorm或者eclipse都行
2...
2020-11-01
Vue中使用Echarts仪表盘展示实时数据的实现
在vue中echarts仪表盘实时数据
彩笔一枚，简单记录一下。
业务场景：通过websocket实时推送数据，将数据渲染到仪表盘中。
第一步：
基于准备好的dom，初始化echarts仪表盘实...
2020-11-01
10 个有用的javascript Math对象方法（推荐）
JavaScript中的math 对让我们能够对执行一些数学操作。 它具有数学常数和函数的属性和方法。 在今天的文章中将介绍 Math对象的一些有用方法。1. Math.min()Math.min()是 JS...
2020-11-01
Cookie 居然可以这样整了
用 JS 操作 Cookie 其实是很麻烦的，并不存在一个简单的 API 能让我们获取或者设置 Cookie。唯一一个操作 Cookie 的 API 是 document.cookie，但是这句代码使用起来很难受。如...
2020-11-01
JavaScript中判断变量是否为数字的3种方法（附代码）
JavaScript 是一种动态类型语言，这意味着解释器在运行时确定变量的类型。实际上，这也允许我们在相同的代码中使用相同的变量来存储不同类型的数据。如果没有文档和一致性，我们...
2020-11-01
介绍前端的文件流flie
背景领导提出一个问题，能不能不借助端的能力，实现本地分段读取数据分段显示。在没有特别大的性能要求或者明确提出要求的情况下一般是一次性加载所有的数据并渲染，但是如果数据...
2020-11-01
你必须知道的10个Chrome开发工具和技巧
1. 模拟慢速网络和慢速设备我们可能习惯了在城市的网速，那是杠杠的，并不意味网速在中国哪个都一样的，在一些偏远地方，网速依然慢的可怜，所以有时候我们所做的产品是需要考虑网速...
2020-11-01
vue如何实现局部刷新？（代码示例）
我们都知道，vue的组件化是他最强大的核心所在，路由也是特别可爱的一部分，但是路由适合一些大型的组件，看url路径的时候会出现变化，但是有时候我们想要一些小的局部小刷新，这个时候...
2020-11-01
详解vue中的数据初始化（initState）
数据初始化Vue 实例在建立的时候会运行一系列的初始化操作，而在这些初始化操作里面，和数据绑定关联最大的是 initState。首先，来看一下他的代码：function initState(vm) { vm...
2020-11-01
Ant Design Pro 之 ProTable使用操作
标签<ProTable>
Pro-Table 是阿里Ant Design Pro V4版本，在Table基础上再封装的一个组件，包含完整的增删改查逻辑，不用复杂的操作，简单几个配置即可实现
官网Api地...
2020-11-01
vue中可编辑树状表格的实现代码
vue中可编辑树状表格的代码如下所示：
html代码
<template> <el-table :data="datatree" row-key="id" :tree-props="{children: 'children'}" > <el-ta...
2020-11-01
Ant Design Vue table中列超长显示...并加提示语的实例
我就废话不多说了，大家还是直接看代码吧~
<template> <a-row class="a-left"> <a-row> <p class="a-title">今日考勤状况</p> <a-row type="flex" justify="space-around"...
2020-11-01
Ant design vue中的联动选择取消操作
项目中会遇到需求就是table表格中选中在侧边展示，侧边删除，table中选中取消的联动选中
ui框架：Ant design vue
组件：table 和 tag
html中
<template v-for="tag...
2020-11-01
vue+swiper实现左右滑动的测试题功能
最近在做一个测试题，前后可以切换题目，点击按钮选择答案，选择答案的同时改变按钮的背景色，如下图所示：
初始代码
我用了vue和swiper。所有的题目是一个对象数组，通过v...
2020-10-30
Vue使用CDN引用项目组件，减少项目体积的步骤
Vue项目打包后有的文件动辄几百KB或几M，这对一个前端项目的加载无疑是致命的。当你的服务器部署在阿里云或亚马逊，每秒只有100kb的加载速度时，页面的载入速度绝对让你崩...
2020-10-30
vue2.0 watch里面的 deep和immediate用法说明
deep，默认值是 false，代表是否深度监听。
immediate:true代表如果在 wacth 里声明了之后，就会立即先去执行里面的handler方法，如果为 false就跟我们以前的效果一样，不会在绑...
2020-10-30
解决vue侦听器watch,调用this时出现undefined的问题
watch侦听器中，我们要将新的值赋给this.a出错
watch: { value: (newV, oldV) => { this.a = newV; }}
这里报错undefined，这里错误的原因是不能写成箭头函数。写成箭头函...
2020-10-30
vue项目页面嵌入代码块vue-prism-editor的实现
需求：
1. 可输入代码，并且代码语法高亮
2. 支持编辑和不可编辑模式
3. 提交到后端到代码内容为字符串格式
实现
在gitbug上找到vue-prism-editor，可以满足以...
2020-10-30
利用vue3+ts实现管理后台（增删改查）
简单的管理后台基本上就是数据的增删改查。主要就是 列表 + form 表单。每个页面的逻辑基本上都相同。不同的地方就是每个页面需要调用的具体 API 及参数。
以前 vue2...
2020-10-30
实现带有进度条的Vue延迟加载
简介通常用 Vue.js 编写单页应用（SPA）时，当加载页面时，所有必需的资源（如 JavaScript 和 CSS 文件）都会被一起加载。在处理大文件时，这可能会导致用户体验不佳。借助 Webpack，可以用...
2020-10-28
使用React、Vue和Single SPA创建微型前端
本篇文章给大家介绍一下使用React、Vue和Single SPA创建微型前端的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 Single SPASingle SPA 是一个用于...
2020-10-28
你必须要掌握的前端状态管理器
状态管理器随着React和Vue等异步框架的广泛运用，前端状态管理器逐渐成为前端开发比不可少话题。形如React有倍受欢迎的Redux，再如Vue标配的状态管理器Vuex，都是业内相对成熟的...
2020-10-28
一文搞定“缓存”
前言缓存是指：为了降低服务器端的访问频率，减少通信数量，前端将获取的数据信息保存下来，当再次需要时，就使用所保存的数据。缓存对用户体验和通信成本都会造成很大的影响，所以要尽...
2020-10-28
详解使用Node.js怎么处理CORS
介绍在本文中，我们将研究怎样用 Express 配置 CORS 以及根据需要定制 CORS 中间件。什么是CORSCORS 是“跨域资源共享”的简写。它是一种允许或限制向 Web 服务器...
2020-10-28
深入浅析JavaScript中的快速排序
介绍排序是指以特定顺序（数字或字母）排列线性表的元素。排序通常与搜索一起配合使用。有许多排序算法，而迄今为止最快的算法之一是快速排序（Quicksort）。快速排序用分治策略对给...
2020-10-28
JS实现简单贪吃蛇小游戏
本文实例为大家分享了JS实现简单贪吃蛇游戏的具体代码，供大家参考，具体内容如下
1、使用语言 HTML+CSS+JavaScript
2、使用工具 visual studio code
3、GitHub项目地址...
2020-10-28
JS实现多功能计算器
本文实例为大家分享了JS实现多功能计算器的具体代码，供大家参考，具体内容如下
1、开发语言 HTML+CSS+JavaScript
2、开发工具 Visual Studio Code
3、项目GitHub地...
2020-10-28
ant design vue导航菜单与路由配置操作
此功能包含：
1.根据动态路由自动展开与自动选择对应路由所在页面菜单
2.只展开一个子菜单
3.兄弟组件控制菜单与路由
<a-menu:openKeys="openKeys":selectedKeys...
2020-10-28
design vue 表格开启列排序的操作
开启排序
1、本地数据排序
column数据设置，需要开启的列设置sorter: (a, b) => a.address.length - b.address.length, 自定义排序方法
2、服务端排序sorter设置t...
2020-10-28
基于react项目打包css引用路径错误解决方案
没有去修改create-react-app默认的配置文件
执行npm start 一切正常, 但是 npm run build 之后生成的打包文件只能在根目录访问
这样放在服务器目录就访问不到了...
2020-10-28
一个参数解决Swiper无法打开超链接（个别浏览器兼容）问题
Swiper这个js插件重点是面对移动端使用的，所以插件的默认设置都是针对手机端的。但是移动端没有鼠标而只能靠手点击和滑动，所以在电脑端使用的时候就会出现有些默认配置项是针...
2020-10-27
js中常用追加元素的几种方法，熟练使用这几种方法，方便动态更改DOM结构
直接保存为HTML并运行，查看各种方法!<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js中常用追加元素的几种方法</title>
...
2020-10-27
解决ant Design中this.props.form.validateFields未执行的问题
在使用ant Designd的 form 组件时发现点击提交方法中 this.props.form.validateFields((err, values) => {}) 部分未执行，也没有报错。
原因：
我使用了自定义校验 val...
2020-10-27
解决antd Form 表单校验方法无响应的问题
antd 的 表单校验方法包括 validateFields 和 validateFieldsAndScroll
里面可以接收校验字段数组, options, 和一个回调函数
from.validateFields([name, age],...
2020-10-27
微信小程序picker组件两列关联使用方式
在使用微信小程序picker组件时候，可以设置属性 mode = multiSelector 意为多列选择，关联选择，当第一列发生改变时侯，第二列甚至第三列发生相应的改变。但是官方文档上给的只有...
2020-10-27
ES6中的Javascript解构
ES6中的解构特性能让我们从对象（Object）或者是数组（Array）中取值的时候更方便，同时写出来的代码在可读性方面也更强。之前接触过python语言的小伙伴应该对这个不会陌生，这个特性早...
2020-10-27
3个值得收藏的实用nodejs软件包
Node.js已成为IT不可或缺的一部分。有了自己的软件包管理器NPM，Node可以发现许多非常有用的库和框架。在本文中，我将向您展示一些使用Node.js构建复杂动态应用程序的可能性。1...
2020-10-27
浅谈Vue.js中双向绑定的原理及实现方法
Vue最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的JavaScript对象。而当你修改它们时，视图会进行更新。vue通过双向绑定实现，本文就来为大家介绍一下vue双...
2020-10-27
详解vue.js中如何处理事件
当您使用Vue构建动态网站时，您很可能希望它能够响应事件。例如，如果用户单击按钮，提交表单，甚至只是移动鼠标，您可能希望您的Vue网站以某种方式做出响应。使用Vue处理事件我们可...
2020-10-27
JS中4种数组遍历方法（ for 、forEach() 、for/in、for/of）的区别
我们有多种方法来遍历 JavaScript 的数组或者对象，而它们之间的区别非常让人疑惑。Airbnb 编码风格禁止使用 for/in 与 for/of，你知道为什么吗？这篇文章将详细介绍以下 4 种循...
2020-10-27
详解JavaScript中的作用域和作用域链
JavaScript 中有一个被称为作用域(Scope)的特性。虽然对于许多新手开发者来说，作用域的概念并不是很容易理解，本文我会尽我所能用最简单的方式来解释作用域和作用域链，希望大家...
2020-10-27
Antd的table组件表格的序号自增操作
1，效果图
2，实现方法
const columns = [ { title: '序号', render:(text,record,index)=>`${index+1}`, }, { title:'操作', dataIndex:'delete', key:'de...
2020-10-27
ant-design-vue中的select选择器,对输入值的进行筛选操作
今天在设计一个标签（采用的是Select 选择器中的标签那一个）时，从后台返回了数据，但是在输入值时，没有对回显的值进行过滤匹配，通过查看官方文档，解决了这个问题。
记在这里方...
2020-10-24
