JavaScript - 教程之家

67浏览

0评论

分享一些JavaScript中鲜为人知的隐藏语法或技巧

javaScript 通常被认为是最容易入门的语言，也是最难掌握的语言，我完全同意。这是因为 JavaScript 是一种非常古老且非常灵活的语言，它有着了神秘的语法和过时的特性。我已经使...

2020-11-04

35浏览

0评论

javascript中非常实用的10个特性

你可能刚上手 JavaScript，或者只是曾经偶尔用过。不管怎样，JavaScript 改变了很多，有些特性非常值得一用。这篇文章介绍了一些特性，在我看来，一个严肃的 JavaScript 开发者每天...

2020-11-04

62浏览

0评论

抢先体验JavaScript ES12新特性

特性抢先知： String.prototype.replaceAll 新增replaceAll Promise.any WeakRefs 逻辑运算符和赋值表达式数字分隔符号replaceAll看到replaceAll这个词，相比很容易联想到repl...

2020-11-03

95浏览

0评论

详解js中window.name的特性与作用

早就知道window有个name属性，但是究竟干什么用的一直不知道，今天花时间好好研究测试了下，发现是个有意思的JS API属性。所有浏览器都有个window.namewindow.name是一个所有浏览...

2020-11-03

60浏览

0评论

详解JavaScript中的回调函数并使用它

在JavaScript中，函数是第一类对象，这意味着函数可以像对象一样按照第一类管理被使用。既然函数实际上是对象：它们能被“存储”在变量中，能作为函数参数被传递，能在函数...

2020-11-03

113浏览

0评论

vue如何动态绑定class？方法介绍

Vue.js 的核心是一个响应的数据绑定系统，它允许我们在普通 HTML 模板中使用特殊的语法将 DOM “绑定”到底层数据。被绑定的DOM 将与数据保持同步，每当数据有改动，相...

2020-11-03

129浏览

0评论

详解Vue中动态添加类名的方法

能够向组件添加动态类名是非常强大的功能。它使我们可以更轻松地编写自定义主题，根据组件的状态添加类，还可以编写依赖于样式的组件的不同变体。添加动态类名与在组件中添加 p...

2020-11-03

89浏览

0评论

浅谈vue中axios的封装

vue中axios的封装第一步还是先下载axioscnpm install axios -S第二步建立一个htttp.jsimport axios from 'axios';import { Message } from 'element-ui';a...

2020-11-02

148浏览

0评论

vue.js中如何使用v-for以及怎么获取索引？

2.x版本：v-for="(item,index) in items"index即索引值。==========================分割线==============================1.x版本：1.v-for　　示例一：<!DOCTYPE html><html><h...

2020-11-02

88浏览

0评论

深入了解vue中的计算属性

一、什么是计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：<p id="example"> {{ message.split...

2020-11-02

55浏览

0评论

JavaScript中如何替换字符串？3种方法介绍

替换字符串中的文本是 JavaScript 中的常见任务。本文研究几种用 replace 和正则表达式替换文本的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。替...

2020-11-02

52浏览

0评论

在Node.js中如何使用EventEmitter处理事件？

在本教程中我们学习 Node.js 的原生 EvenEmitter 类。学完后你将了解事件、怎样使用 EvenEmitter 以及如何在程序中利用事件。另外还会学习 EventEmitter 类从其他本地模块...

2020-11-02

49浏览

0评论

28 个提升JavaScript开发效率的 VSCode 插件

Visual Studio Code（也称为VSCode）是一种轻量级但功能强大的跨平台源代码编辑器, 借助对TypeScript 和Chrome调试器等开发工具的内置支持，越来越多的开发都都喜欢使用它。1. Qu...

2020-11-02

203浏览

0评论

uniapp电商小程序实现订单30分钟倒计时

本文实例为大家分享了uniapp实现订单30分钟倒计时的具体代码，供大家参考，具体内容如下

倒计时函数如下：

// cm 参数是截至时间-当前时间// 截至时间是后台返回的数据...

2020-11-01

296浏览

0评论

uni-app实现获取验证码倒计时功能

本文实例为大家分享了uni-app实现获取验证码倒计时的具体代码，供大家参考，具体内容如下

实现的效果

页面部分是一个三目运算，codeTime是倒计时的时间。

<...

2020-11-01

156浏览

0评论

uni-app使用countdown插件实现倒计时

本文实例为大家分享了使用countdown插件实现倒计时的具体代码，供大家参考，具体内容如下

实现的效果如下：

这里实现的是一个活动倒计时，获取当前时间和活动开始时间，...

2020-11-01

106浏览

0评论

uniapp微信小程序实现一个页面多个倒计时

本文实例为大家分享了uniapp实现一个页面多个倒计时的具体代码，供大家参考，具体内容如下

设计图（需求）

结构

<view class="group-list" v-for="item in message" :...

2020-11-01

371浏览

0评论

微信小程序实现页面监听自定义组件的触发事件

微信小程序实现页面监听自定义组件的触发事件，供大家参考，具体内容如下

需求：在微信小程序开发过程中，页面通常会用到提示弹框。这时为了减少代码量及代码可拓展性，我们自定...

2020-11-01

86浏览

0评论

微信小程序实现单个或多个倒计时功能

微信小程序实现单个/多个倒计时显示

单个倒计时多个倒计时

思路：首先获取到每个倒计时的结束时间，然后把结束时间跟当前时间转换成时间戳，结束时间减去当前时间再除以10...

2020-11-01

89浏览

0评论

JavaScript实现刮刮乐效果

刮刮乐怎么做？

本文实例为大家分享了JavaScript实现刮刮乐效果的具体代码，供大家参考，具体内容如下

来这我教你

1、首先准备好编程软件webStorm或者eclipse都行

2...

2020-11-01

158浏览

0评论

Vue中使用Echarts仪表盘展示实时数据的实现

在vue中echarts仪表盘实时数据

彩笔一枚，简单记录一下。

业务场景：通过websocket实时推送数据，将数据渲染到仪表盘中。

第一步：

基于准备好的dom，初始化echarts仪表盘实...

2020-11-01

52浏览

0评论

10 个有用的javascript Math对象方法（推荐）

JavaScript中的math 对让我们能够对执行一些数学操作。它具有数学常数和函数的属性和方法。在今天的文章中将介绍 Math对象的一些有用方法。1. Math.min()Math.min()是 JS...

2020-11-01

88浏览

0评论

Cookie 居然可以这样整了

用 JS 操作 Cookie 其实是很麻烦的，并不存在一个简单的 API 能让我们获取或者设置 Cookie。唯一一个操作 Cookie 的 API 是 document.cookie，但是这句代码使用起来很难受。如...

2020-11-01

115浏览

0评论

JavaScript中判断变量是否为数字的3种方法（附代码）

JavaScript 是一种动态类型语言，这意味着解释器在运行时确定变量的类型。实际上，这也允许我们在相同的代码中使用相同的变量来存储不同类型的数据。如果没有文档和一致性，我们...

2020-11-01

89浏览

0评论

介绍前端的文件流flie

背景领导提出一个问题，能不能不借助端的能力，实现本地分段读取数据分段显示。在没有特别大的性能要求或者明确提出要求的情况下一般是一次性加载所有的数据并渲染，但是如果数据...

2020-11-01

116浏览

0评论

你必须知道的10个Chrome开发工具和技巧

1. 模拟慢速网络和慢速设备我们可能习惯了在城市的网速，那是杠杠的，并不意味网速在中国哪个都一样的，在一些偏远地方，网速依然慢的可怜，所以有时候我们所做的产品是需要考虑网速...

2020-11-01

75浏览

0评论

vue如何实现局部刷新？（代码示例）

我们都知道，vue的组件化是他最强大的核心所在，路由也是特别可爱的一部分，但是路由适合一些大型的组件，看url路径的时候会出现变化，但是有时候我们想要一些小的局部小刷新，这个时候...

2020-11-01

107浏览

0评论

详解vue中的数据初始化（initState）

数据初始化Vue 实例在建立的时候会运行一系列的初始化操作，而在这些初始化操作里面，和数据绑定关联最大的是 initState。首先，来看一下他的代码：function initState(vm) { vm...

2020-11-01

161浏览

0评论

Ant Design Pro 之 ProTable使用操作

标签<ProTable>

Pro-Table 是阿里Ant Design Pro V4版本，在Table基础上再封装的一个组件，包含完整的增删改查逻辑，不用复杂的操作，简单几个配置即可实现

官网Api地...

2020-11-01

184浏览

0评论

vue中可编辑树状表格的实现代码

vue中可编辑树状表格的代码如下所示：

html代码

<template> <el-table :data="datatree" row-key="id" :tree-props="{children: 'children'}" > <el-ta...

2020-11-01

124浏览

0评论

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

126浏览

0评论

Ant design vue中的联动选择取消操作

项目中会遇到需求就是table表格中选中在侧边展示，侧边删除，table中选中取消的联动选中

ui框架：Ant design vue

组件：table 和 tag

html中

<template v-for="tag...

2020-11-01

290浏览

0评论

vue+swiper实现左右滑动的测试题功能

最近在做一个测试题，前后可以切换题目，点击按钮选择答案，选择答案的同时改变按钮的背景色，如下图所示：

初始代码

我用了vue和swiper。所有的题目是一个对象数组，通过v...

2020-10-30

91浏览

0评论

Vue使用CDN引用项目组件，减少项目体积的步骤

　　Vue项目打包后有的文件动辄几百KB或几M，这对一个前端项目的加载无疑是致命的。当你的服务器部署在阿里云或亚马逊，每秒只有100kb的加载速度时，页面的载入速度绝对让你崩...

2020-10-30

252浏览

0评论

vue2.0 watch里面的 deep和immediate用法说明

deep，默认值是 false，代表是否深度监听。

immediate:true代表如果在 wacth 里声明了之后，就会立即先去执行里面的handler方法，如果为 false就跟我们以前的效果一样，不会在绑...

2020-10-30

316浏览

0评论

解决vue侦听器watch,调用this时出现undefined的问题

watch侦听器中，我们要将新的值赋给this.a出错

watch: { value: (newV, oldV) => { this.a = newV; }}

这里报错undefined，这里错误的原因是不能写成箭头函数。写成箭头函...

2020-10-30

255浏览

0评论

vue项目页面嵌入代码块vue-prism-editor的实现

需求：

1. 可输入代码，并且代码语法高亮

2. 支持编辑和不可编辑模式

3. 提交到后端到代码内容为字符串格式

实现

在gitbug上找到vue-prism-editor，可以满足以...

2020-10-30

186浏览

0评论

利用vue3+ts实现管理后台（增删改查）

简单的管理后台基本上就是数据的增删改查。主要就是列表 + form 表单。每个页面的逻辑基本上都相同。不同的地方就是每个页面需要调用的具体 API 及参数。

以前 vue2...

2020-10-30

119浏览

0评论

实现带有进度条的Vue延迟加载

简介通常用 Vue.js 编写单页应用（SPA）时，当加载页面时，所有必需的资源（如 JavaScript 和 CSS 文件）都会被一起加载。在处理大文件时，这可能会导致用户体验不佳。借助 Webpack，可以用...

2020-10-28

115浏览

0评论

使用React、Vue和Single SPA创建微型前端

本篇文章给大家介绍一下使用React、Vue和Single SPA创建微型前端的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 Single SPASingle SPA 是一个用于...

2020-10-28

90浏览

0评论

你必须要掌握的前端状态管理器

状态管理器随着React和Vue等异步框架的广泛运用，前端状态管理器逐渐成为前端开发比不可少话题。形如React有倍受欢迎的Redux，再如Vue标配的状态管理器Vuex，都是业内相对成熟的...

2020-10-28

99浏览

0评论

一文搞定“缓存”

前言缓存是指：为了降低服务器端的访问频率，减少通信数量，前端将获取的数据信息保存下来，当再次需要时，就使用所保存的数据。缓存对用户体验和通信成本都会造成很大的影响，所以要尽...

2020-10-28

150浏览

0评论

详解使用Node.js怎么处理CORS

介绍在本文中，我们将研究怎样用 Express 配置 CORS 以及根据需要定制 CORS 中间件。什么是CORSCORS 是“跨域资源共享”的简写。它是一种允许或限制向 Web 服务器...

2020-10-28

77浏览

0评论

深入浅析JavaScript中的快速排序

介绍排序是指以特定顺序（数字或字母）排列线性表的元素。排序通常与搜索一起配合使用。有许多排序算法，而迄今为止最快的算法之一是快速排序（Quicksort）。快速排序用分治策略对给...

2020-10-28

84浏览

0评论

JS实现简单贪吃蛇小游戏

本文实例为大家分享了JS实现简单贪吃蛇游戏的具体代码，供大家参考，具体内容如下

1、使用语言 HTML+CSS+JavaScript

2、使用工具 visual studio code

3、GitHub项目地址...

2020-10-28

104浏览

0评论

JS实现多功能计算器

本文实例为大家分享了JS实现多功能计算器的具体代码，供大家参考，具体内容如下

1、开发语言 HTML+CSS+JavaScript

2、开发工具 Visual Studio Code

3、项目GitHub地...

2020-10-28

253浏览

0评论

ant design vue导航菜单与路由配置操作

此功能包含：

1.根据动态路由自动展开与自动选择对应路由所在页面菜单

2.只展开一个子菜单

3.兄弟组件控制菜单与路由

<a-menu:openKeys="openKeys":selectedKeys...

2020-10-28

501浏览

0评论

design vue 表格开启列排序的操作

开启排序

1、本地数据排序

column数据设置，需要开启的列设置sorter: (a, b) => a.address.length - b.address.length, 自定义排序方法

2、服务端排序sorter设置t...

2020-10-28

218浏览

0评论

基于react项目打包css引用路径错误解决方案

没有去修改create-react-app默认的配置文件

执行npm start 一切正常, 但是 npm run build 之后生成的打包文件只能在根目录访问

这样放在服务器目录就访问不到了...

2020-10-28

186浏览

0评论

一个参数解决Swiper无法打开超链接（个别浏览器兼容）问题

Swiper这个js插件重点是面对移动端使用的，所以插件的默认设置都是针对手机端的。但是移动端没有鼠标而只能靠手点击和滑动，所以在电脑端使用的时候就会出现有些默认配置项是针...

2020-10-27

热门文章