85浏览

0评论

讲解一些JS常见方法封装

1、判断是否是微信浏览器function isWechat() { var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') {...

• 2021-02-08

104浏览

0评论

JavaScript 获取滚动条位置并将页面滑动到锚点

、...

• 2021-02-08

129浏览

0评论

详解Vue的七种传值方式

1，父传子子组件中定义props字段，类型为数组（如果需要限制字段值类型，也可以定义为对象的形式）。如下图的例子，父组件挂载子组件HelloWorld，在组件标签上给title赋值，子组件HelloWorl...

• 2021-02-08

92浏览

0评论

原生js 实现表单验证功能

表单验证是web前端最常见的功能之一，也属于前端开发的基本功。自己完成一个表单验证的开发，也有助于加深对字符串处理和正则表达式的理解。基本的表单验证包括如：字母验证、数...

• 2021-02-08

87浏览

0评论

js面向对象封装级联下拉菜单列表的实现步骤

本实例开发的级联下拉菜单是根据已有json数据创建的DOM元素。点击文本框后，显示一级菜单。如果菜单中包含子菜单，菜单右侧会有指示箭头。点击菜单之后，会再显示下一级菜单，以此...

• 2021-02-08

58浏览

0评论

深入理解javascript中的this

深入理解Js中的thisJavaScript作用域为静态作用域static scope，但是在Js中的this却是一个例外，this的指向问题就类似于动态作用域，其并不关心函数和作用域是如何声明以及在何处...

• 2021-02-08

84浏览

0评论

JavaScript实现点击出现子菜单效果

本文实例为大家分享了JavaScript实现点击出现子菜单的具体代码，供大家参考，具体内容如下首先让我们看一下点击出现子菜单的效果如下图：点击黄色的按钮，出现子菜单如下图：让我们先...

• 2021-02-08

143浏览

0评论

eclipse中如何配置angularjs插件的方法

在eclipse中安装angularjs插件1，首先，在eclipse中使用angularjs的时候，由于没有相应的提示，导致在开发的时候给我们带来了很多的不便，需要在这上面耗费一些时间。那么这时候我们...

• 2021-02-08

120浏览

0评论

分享javascript spread运算符的10种用法

复制数组我们可以使用展开操作符复制数组，不过要注意的是这是一个浅拷贝。const arr1 = [1,2,3];const arr2 = [...arr1];console.log(arr2);// [ 1, 2, 3 ]这样我们就可以复...

• 2021-02-07

76浏览

0评论

jquery checkbox不可选怎么实现

jquery如何让checkbox不可选？在jquery中，想让checkbox不可选，就需要禁用checkbox（复选框），给checkbox添加disabled属性即可。示例：$("input[type=checkbox]").each(function () {...

• 2021-02-07

86浏览

0评论

Node.js访问SQL数据库的方法

一、准备工作：创建一个新项目安装 mssql 模块二、创建db.js，代码如下：/*2018年6月08日17:02:15作者：洪伟富mssql模块简单封装*/var mssql = require( 'mssql');var d...

• 2021-02-07

116浏览

0评论

vue如何使用rem适配

1.开发环境 vue
2.电脑系统 windows10专业版
3.在使用vue开发移动端的过程中,我们会因为兼容性而头疼,下面我来分享分享下面vue使用rem自适配,希望对你有所帮助。
4.废话不...

• 2021-02-06

70浏览

0评论

如何管理Vue中的缓存页面

<keep-alive> <router-view /></keep-alive>Vue中内置的<keep-alive>组件可以帮助我们在开发SPA应用时，通过把全部路由页面进行缓存(当然也可以有针对性的缓存部分页面)，显著...

• 2021-02-06

133浏览

0评论

JS中锚点链接点击平滑滚动并自由调整到顶部位置

锚点链接点击平滑滚动并自由调整到顶部的位置 一、添加锚点 注意a标签用的nacTo 而不是href；<ul> <li><a class="anchor" navTo="one">目标选择</a></li> <li><a class="anch...

• 2021-02-06

101浏览

0评论

手动实现vue2.0的双向数据绑定原理详解

一句话概括：数据劫持（Object.defineProperty）+发布订阅模式双向数据绑定有三大核心模块（dep 、observer、watcher）,它们之间是怎么连接的，下面来一一介绍。为了大家更好的理解双向...

• 2021-02-06

76浏览

0评论

一起深入理解js中的事件对象

我们知道在JS中常用的事件有：页面事件：load； 焦点事件：focus，blur； 鼠标事件：click，mouseout，mouseover，mousemove等； 键盘事件：keydown，keyup，keypress； form表单事件：reset，submit； 内容变化...

• 2021-02-06

71浏览

0评论

javascript实现数字时钟效果

本文实例为大家分享了javascript实现数字时钟效果的具体代码，供大家参考，具体内容如下效果图需求分析1、通过date获取时间
2、通过间隔定时器setInterval动态获取时间
3、间隔...

• 2021-02-06

75浏览

0评论

介绍JS实现五子棋界面设计

需求分析以及代码实现第一节 画布样式布局1. canvas进行画布的设计 新建CSS文件夹，新建style.css文件； 在style.css文件里进行canvas编写； canvas{ display: block; margin:...

• 2021-02-05

75浏览

0评论

JavaScript WeakMap使用详解

WeakMap 对象是一组键/值对的集合，其中的键是弱引用的。其键必须是对象，而值可以是任意的。语法new WeakMap([iterable])参数iterable
Iterable 是一个数组（二元数组）或者其他可...

• 2021-02-05

71浏览

0评论

JavaScript 声明私有变量的两种方式

前言JavaScript并不像别的语言，能使用关键字来声明私有变量。
我了解的JavaScript能用来声明私有变量的方式有两种，一种是使用闭包，一种是使用WeakMap。闭包闭包的描述有很多种...

• 2021-02-05

107浏览

0评论

node.js文件的复制、创建文件夹等相关操作

nodeJS对文件的复制：一般对于小型文件的复制操作使用的是流的管道运输操作，首先需要加载引入的文件：var fs = require(&#39;fs&#39;);1、同步创建文件夹fs.mkdirSync(yourfileD...

• 2021-02-05

247浏览

0评论

浅析TypeScript和React中使用ref的方法

父组件在父组件中，编写如下：类中定义child，用于存放子组件的作用域public child: any;Copy to clipboardErrorCopied绑定子组件作用域public onRef(ref:any){ this.child = ref...

• 2021-02-05

101浏览

0评论

jquery如何判断元素中是否存在标签

jquery判断元素中是否存在内容或某一标签？一、判断文本是否为空var jqObj = $(this);if(jqObj.text().trim()){ //trim()方法是去空格，$.trim()函数删除提供字符串的所有换行...

• 2021-02-05

126浏览

0评论

深入浅析 Promise 比 setTimeout() 快的原因

1.实验我们来做个实验。哪个执行得更快:立即解决的 Promise 还是立即setTimeout(也就是0毫秒的setTimeout)?Promise.resolve(1).then(function resolve() { console.log(&#...

• 2021-02-05

159浏览

0评论

使用GPU.js提高JavaScript应用性能的小技巧

你是否曾经尝试过运行复杂的计算，却发现它需要花费很长时间，并且拖慢了你的进程？有很多方法可以解决这个问题，例如使用web worker或后台线程。GPU减轻了CPU的处理负荷，给了CPU更...

• 2021-02-05

136浏览

0评论

Angular入门学习之环境和项目的搭建

一、Angular介绍Angular是谷歌开发的一款开源的web前端框架，诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中...

• 2021-02-03

140浏览

0评论

Windows下关闭node进程的方法（指令版）

关闭node进程1、打开cmd命令面板（window+r）输入cmd2、查看端口占用情况和端口，（假设我们要杀死3000端口）输入命令：netstat --ano；会看到如图我们找到3000端口所对应的最后的数字，就...

• 2021-02-03

393浏览

0评论

vue浏览器返回监听的具体步骤

前言分享页面时，希望点击浏览器回退按钮，回到项目首页，增加访问量。需要监听浏览器的回退按钮，并阻止其默认事件。具体步骤如下：1、挂载完成后，判断浏览器是否支持popstatemounted...

• 2021-02-03

69浏览

0评论

vue实现禁止浏览器记住密码功能的示例代码

查找资料
网上查到的一些方法： 使用 autocomplete="off"（现代浏览器许多都不支持） 使用 autocomplete="new-password" 在真正的账号密码框之前增加相同 name 的 input 框...

• 2021-02-03

138浏览

0评论

详解微信小程序轨迹回放实现及遇到的坑

微信小程序轨迹回放主要使用到polyline进行划线操作，以及使用marker去进行小车移动操作。效果图如下：具体实现代码：trackplay.wxml文件<!--pages/tracker/tracker.wxml--><map...

• 2021-02-02

143浏览

0评论

详解React中共享组件逻辑的三种方式

废话少说，这三种方式分别是：render props、高阶组件和自定义Hook。下面依次演示
假设有一个TimeOnPage组件专门用来记录用户在当前页面停留时间，像这样：
const TimeOnPage = ()...

• 2021-02-02

82浏览

0评论

Vue常用API、高级API的相关总结

最近手痒痒，玩儿了一下Vue3.0，很舒服，赶紧把这几期Vue2.0弄完，写一些3.0的东西。
本文主要罗列和解析一些个人认为常用或有大用途的Api，作为自我总结的笔记和探讨。nextTick
功能...

• 2021-02-02

79浏览

0评论

学习 Vue.js 遇到的那些坑

排名不分先后最近好像都是只发了一些生活类，吐槽的一些 blog，不更新点技术相关的 可能有人会觉得 这家伙肯定又在偷懒了。那么 好 我要开始装逼了类空指向
就是类似于空指针的...

• 2021-02-02

455浏览

0评论

js如何给数组赋值

js给数组赋值的方法：1、我们创建一个方法，先定义一个空的数组。2、其实要为数组赋值，我们在定义数组时，就可以为数组赋予一些初始值。3、如果定义后，要为数据添加值，我们可以使用...

• 2021-02-02

112浏览

0评论

学习使用JavaScript实现UTF-8编解码

首先简单介绍一下UTF-8。UTF-8以字节为单位对Unicode进行编码。UTF-8的特点是对不同范围的字符使用不同长度的编码。对于0x00-0x7F之间的字符，UTF-8编码与ASCII编码完全相同...

• 2021-02-02

116浏览

0评论

谈谈使用nodejs增删改查本地json文件的方法

哈喽！nodejs的文件系统，接触过node的对node的文件系统肯定不会陌生，这两天我就在思考一个问题，我是否可以在本地操作我的本地json文件，这样一个本地的文本数据库就有了，如果是便签...

• 2021-02-02

137浏览

0评论

angularjs数据绑定失效的解决方法

相信大家在进行angularjs开发的时候也会遇到我现在遇到的问题：明明页面进行了双向数据绑定，而且数据已经改变了，但是视图却并未刷新。代码示例<div ng-controller="testCtrl">...

• 2021-02-02

115浏览

0评论

深入浅析JS中的事件委托

为什么要进行事件委托？首先实现一个小功能：在单击 HTML 的按钮后，把消息输出到控制台。为了实现这个小功能，你需要选择按钮，然后再用 addEventListener() 方法来附加事件监听器：<b...

• 2021-02-02

1963浏览

0评论

Vue 实现可视化拖拽页面编辑器

在线地址 (用梯子会更快些)可视化页面编辑器，听起来可望不可即是吧，先来张动图观摩观摩一番！实现这功能之前，在网上参考了很多资料，最终一无所获，五花八门的文章，都在述说着曾经的...

• 2021-02-01

158浏览

0评论

如何在vue中使用video.js播放m3u8格式的视频

@[toc] 注意： "vue": "^2.6.11", "video.js": "^7.10.2", "videojs-contrib-hls": "^5.15.0", "mux.js": "^5.7.0"一、安装yarn add video.jsyarn add videojs-contrib-hls /...

• 2021-02-01

577浏览

0评论

Vue项目打包部署到apache服务器的方法步骤

vue项目在开发环境下，让项目运行起来，是通过npm run dev命令，原理是在本地搭建了一个express服务器。但是在服务器上就不是这样的，必须要通npm run build命令来对整个项目进行打...

• 2021-02-01

377浏览

0评论

vue-video-player 断点续播的实现

最近的项目中需要实现视频断点续播的功能，一听到这个功能。内心方张了..但却又有点小窃喜，小懵乱。抱着求学态度去挑战一下。1.安装插件npm install vue-video-player --save2...

• 2021-02-01

84浏览

0评论

js实现简单商品筛选功能

本文实例为大家分享了js实现商品筛选功能的具体代码，供大家参考，具体内容如下应用场景：商品筛选<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Docume...

• 2021-02-01

60浏览

0评论

Node.js中的异步生成器与异步迭代详解

前言生成器函数在 JavaScript 中的出现早于引入 async/await，这意味着在创建异步生成器（始终返回 Promise 且可以 await 的生成器）的同时，还引入了许多需要注意的事项。今天，我们...

• 2021-01-31

77浏览

0评论

Javascript生成器（Generator）的介绍与使用

什么是生成器？
生成器是在函数内部运行的一些代码 返回值后，它会自行暂停，并且—— 调用程序可以要求取消暂停并返回另一个值
这种“返回”不是传统的从函数 return。所以...

• 2021-01-31

94浏览

0评论

ES6的循环与可迭代对象示例详解

本文将研究 ES6 的 for ... of 循环。旧方法
在过去，有两种方法可以遍历 javascript。首先是经典的 for i 循环，它使你可以遍历数组或可索引的且有 length 属性的任何对象。fo...

• 2021-01-31

71浏览

0评论

如何在现代JavaScript中编写异步任务

前言在本文中，我们将探讨过去异步执行的 JavaScript 的演变，以及它是怎样改变我们编写代码的方式的。我们将从最早的 Web 开发开始，一直到现代异步模式。作为编程语言， JavaScri...

• 2021-01-31

103浏览

0评论

浅谈JavaScript中的Map、WeakMap、Set和WeakSet

我猜想，超过70％的JavaScript开发人员仅使用对象来收集和维护其项目中的数据。好吧，确实如此，新的集合对象（例如Map和Set）即使在2015年问世也没有得到充分利用。因此，今天，我将讨论20...

• 2021-01-30

71浏览

0评论

怎样用 Node.js 高效地从 Web 爬取数据？

由于Javascript有了巨大的改进，并且引入了称为NodeJS的运行时，因此它已成为最流行和使用最广泛的语言之一。 无论是Web应用程序还是移动应用程序，Javascript现在都具有正确的工...

• 2021-01-30

130浏览

0评论

详解JS中的window.location对象

如果你想获取站点的URL信息，那么window.location对象什么很适合你！使用其属性获取有关当前页面地址的信息，或使用其方法进行某些页面重定向或刷新window.location.origin &r...

• 2021-01-30