如何管理Vue中的缓存页面
<keep-alive> <router-view /></keep-alive>Vue中内置的<keep-alive>组件可以帮助我们在开发SPA应用时，通过把全部路由页面进行缓存(当然也可以有针对性的缓存部分页面)，显著...
2021-02-06
JS中锚点链接点击平滑滚动并自由调整到顶部位置
锚点链接点击平滑滚动并自由调整到顶部的位置 一、添加锚点 注意a标签用的nacTo 而不是href；<ul> <li><a class="anchor" navTo="one">目标选择</a></li> <li><a class="anch...
2021-02-06
手动实现vue2.0的双向数据绑定原理详解
一句话概括：数据劫持（Object.defineProperty）+发布订阅模式双向数据绑定有三大核心模块（dep 、observer、watcher）,它们之间是怎么连接的，下面来一一介绍。为了大家更好的理解双向...
2021-02-06
一起深入理解js中的事件对象
我们知道在JS中常用的事件有：页面事件：load； 焦点事件：focus，blur； 鼠标事件：click，mouseout，mouseover，mousemove等； 键盘事件：keydown，keyup，keypress； form表单事件：reset，submit； 内容变化...
2021-02-06
javascript实现数字时钟效果
本文实例为大家分享了javascript实现数字时钟效果的具体代码，供大家参考，具体内容如下效果图需求分析1、通过date获取时间
2、通过间隔定时器setInterval动态获取时间
3、间隔...
2021-02-06
介绍JS实现五子棋界面设计
需求分析以及代码实现第一节 画布样式布局1. canvas进行画布的设计 新建CSS文件夹，新建style.css文件； 在style.css文件里进行canvas编写； canvas{ display: block; margin:...
2021-02-05
JavaScript WeakMap使用详解
WeakMap 对象是一组键/值对的集合，其中的键是弱引用的。其键必须是对象，而值可以是任意的。语法new WeakMap([iterable])参数iterable
Iterable 是一个数组（二元数组）或者其他可...
2021-02-05
JavaScript 声明私有变量的两种方式
前言JavaScript并不像别的语言，能使用关键字来声明私有变量。
我了解的JavaScript能用来声明私有变量的方式有两种，一种是使用闭包，一种是使用WeakMap。闭包闭包的描述有很多种...
2021-02-05
node.js文件的复制、创建文件夹等相关操作
nodeJS对文件的复制：一般对于小型文件的复制操作使用的是流的管道运输操作，首先需要加载引入的文件：var fs = require('fs');1、同步创建文件夹fs.mkdirSync(yourfileD...
2021-02-05
浅析TypeScript和React中使用ref的方法
父组件在父组件中，编写如下：类中定义child，用于存放子组件的作用域public child: any;Copy to clipboardErrorCopied绑定子组件作用域public onRef(ref:any){ this.child = ref...
2021-02-05
jquery如何判断元素中是否存在标签
jquery判断元素中是否存在内容或某一标签？一、判断文本是否为空var jqObj = $(this);if(jqObj.text().trim()){ //trim()方法是去空格，$.trim()函数删除提供字符串的所有换行...
2021-02-05
深入浅析 Promise 比 setTimeout() 快的原因
1.实验我们来做个实验。哪个执行得更快:立即解决的 Promise 还是立即setTimeout(也就是0毫秒的setTimeout)?Promise.resolve(1).then(function resolve() { console.log(&#...
2021-02-05
使用GPU.js提高JavaScript应用性能的小技巧
你是否曾经尝试过运行复杂的计算，却发现它需要花费很长时间，并且拖慢了你的进程？有很多方法可以解决这个问题，例如使用web worker或后台线程。GPU减轻了CPU的处理负荷，给了CPU更...
2021-02-05
Angular入门学习之环境和项目的搭建
一、Angular介绍Angular是谷歌开发的一款开源的web前端框架，诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中...
2021-02-03
Windows下关闭node进程的方法（指令版）
关闭node进程1、打开cmd命令面板（window+r）输入cmd2、查看端口占用情况和端口，（假设我们要杀死3000端口）输入命令：netstat --ano；会看到如图我们找到3000端口所对应的最后的数字，就...
2021-02-03
vue浏览器返回监听的具体步骤
前言分享页面时，希望点击浏览器回退按钮，回到项目首页，增加访问量。需要监听浏览器的回退按钮，并阻止其默认事件。具体步骤如下：1、挂载完成后，判断浏览器是否支持popstatemounted...
2021-02-03
vue实现禁止浏览器记住密码功能的示例代码
查找资料
网上查到的一些方法： 使用 autocomplete="off"（现代浏览器许多都不支持） 使用 autocomplete="new-password" 在真正的账号密码框之前增加相同 name 的 input 框...
2021-02-03
详解微信小程序轨迹回放实现及遇到的坑
微信小程序轨迹回放主要使用到polyline进行划线操作，以及使用marker去进行小车移动操作。效果图如下：具体实现代码：trackplay.wxml文件<!--pages/tracker/tracker.wxml--><map...
2021-02-02
详解React中共享组件逻辑的三种方式
废话少说，这三种方式分别是：render props、高阶组件和自定义Hook。下面依次演示
假设有一个TimeOnPage组件专门用来记录用户在当前页面停留时间，像这样：
const TimeOnPage = ()...
2021-02-02
Vue常用API、高级API的相关总结
最近手痒痒，玩儿了一下Vue3.0，很舒服，赶紧把这几期Vue2.0弄完，写一些3.0的东西。
本文主要罗列和解析一些个人认为常用或有大用途的Api，作为自我总结的笔记和探讨。nextTick
功能...
2021-02-02
学习 Vue.js 遇到的那些坑
排名不分先后最近好像都是只发了一些生活类，吐槽的一些 blog，不更新点技术相关的 可能有人会觉得 这家伙肯定又在偷懒了。那么 好 我要开始装逼了类空指向
就是类似于空指针的...
2021-02-02
js如何给数组赋值
js给数组赋值的方法：1、我们创建一个方法，先定义一个空的数组。2、其实要为数组赋值，我们在定义数组时，就可以为数组赋予一些初始值。3、如果定义后，要为数据添加值，我们可以使用...
2021-02-02
学习使用JavaScript实现UTF-8编解码
首先简单介绍一下UTF-8。UTF-8以字节为单位对Unicode进行编码。UTF-8的特点是对不同范围的字符使用不同长度的编码。对于0x00-0x7F之间的字符，UTF-8编码与ASCII编码完全相同...
2021-02-02
谈谈使用nodejs增删改查本地json文件的方法
哈喽！nodejs的文件系统，接触过node的对node的文件系统肯定不会陌生，这两天我就在思考一个问题，我是否可以在本地操作我的本地json文件，这样一个本地的文本数据库就有了，如果是便签...
2021-02-02
angularjs数据绑定失效的解决方法
相信大家在进行angularjs开发的时候也会遇到我现在遇到的问题：明明页面进行了双向数据绑定，而且数据已经改变了，但是视图却并未刷新。代码示例<div ng-controller="testCtrl">...
2021-02-02
深入浅析JS中的事件委托
为什么要进行事件委托？首先实现一个小功能：在单击 HTML 的按钮后，把消息输出到控制台。为了实现这个小功能，你需要选择按钮，然后再用 addEventListener() 方法来附加事件监听器：<b...
2021-02-02
Vue 实现可视化拖拽页面编辑器
在线地址 (用梯子会更快些)可视化页面编辑器，听起来可望不可即是吧，先来张动图观摩观摩一番！实现这功能之前，在网上参考了很多资料，最终一无所获，五花八门的文章，都在述说着曾经的...
2021-02-01
如何在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
Vue项目打包部署到apache服务器的方法步骤
vue项目在开发环境下，让项目运行起来，是通过npm run dev命令，原理是在本地搭建了一个express服务器。但是在服务器上就不是这样的，必须要通npm run build命令来对整个项目进行打...
2021-02-01
vue-video-player 断点续播的实现
最近的项目中需要实现视频断点续播的功能，一听到这个功能。内心方张了..但却又有点小窃喜，小懵乱。抱着求学态度去挑战一下。1.安装插件npm install vue-video-player --save2...
2021-02-01
js实现简单商品筛选功能
本文实例为大家分享了js实现商品筛选功能的具体代码，供大家参考，具体内容如下应用场景：商品筛选<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Docume...
2021-02-01
Node.js中的异步生成器与异步迭代详解
前言生成器函数在 JavaScript 中的出现早于引入 async/await，这意味着在创建异步生成器（始终返回 Promise 且可以 await 的生成器）的同时，还引入了许多需要注意的事项。今天，我们...
2021-01-31
Javascript生成器（Generator）的介绍与使用
什么是生成器？
生成器是在函数内部运行的一些代码 返回值后，它会自行暂停，并且—— 调用程序可以要求取消暂停并返回另一个值
这种“返回”不是传统的从函数 return。所以...
2021-01-31
ES6的循环与可迭代对象示例详解
本文将研究 ES6 的 for ... of 循环。旧方法
在过去，有两种方法可以遍历 javascript。首先是经典的 for i 循环，它使你可以遍历数组或可索引的且有 length 属性的任何对象。fo...
2021-01-31
如何在现代JavaScript中编写异步任务
前言在本文中，我们将探讨过去异步执行的 JavaScript 的演变，以及它是怎样改变我们编写代码的方式的。我们将从最早的 Web 开发开始，一直到现代异步模式。作为编程语言， JavaScri...
2021-01-31
浅谈JavaScript中的Map、WeakMap、Set和WeakSet
我猜想，超过70％的JavaScript开发人员仅使用对象来收集和维护其项目中的数据。好吧，确实如此，新的集合对象（例如Map和Set）即使在2015年问世也没有得到充分利用。因此，今天，我将讨论20...
2021-01-30
怎样用 Node.js 高效地从 Web 爬取数据？
由于Javascript有了巨大的改进，并且引入了称为NodeJS的运行时，因此它已成为最流行和使用最广泛的语言之一。 无论是Web应用程序还是移动应用程序，Javascript现在都具有正确的工...
2021-01-30
详解JS中的window.location对象
如果你想获取站点的URL信息，那么window.location对象什么很适合你！使用其属性获取有关当前页面地址的信息，或使用其方法进行某些页面重定向或刷新window.location.origin &r...
2021-01-30
如何使用RoughViz可视化Vue.js中的草绘图表
介绍
图表是数据的图形表示，用于使数据集更易于阅读，并且易于区分各部分。虽然大多数用户习惯于看到简洁而正式的图表，但一些用户更喜欢看到手绘或素描的图表，这就是 roughViz...
2021-01-30
Vite和Vue CLI的优劣
Vue 生态系统中有一个名为 Vite 的新构建工具，它的开发服务器比 Vue CLI 快 10-100 倍。这是否意味着 Vue CLI 已经过时了?在本文中，我将比较这两种构建工具，并说明它们的...
2021-01-30
影响页面加载时间的5个常见错误
如果您的网站在用户访问时的加载时间需要很久，那么，这篇文章兴许能为您的优化工作带来一些启发。不过即便没能帮您解决你的问题，您也能了解到影响了网站加载时间的几种常见错误...
2021-01-30
java的三种代理模式分别是什么
首先来简单说明一下什么是代理模式。代理(Proxy)是一种设计模式,提供了对目标对象另外的访问方式;即通过代理对象访问目标对象.这样做的好处是:可以在目标对象实现的基础上,...
2021-01-30
快速学习JavaScript中的Promise和Async/Await
一般在开发中，查询网络API操作时往往是比较耗时的，这意味着可能需要一段时间的等待才能获得响应。因此，为了避免程序在请求时无响应的情况，异步编程就成为了开发人员的一项基本...
2021-01-30
可以同时删除字符串前导和尾部空白的函数是什么
JavaScript trim()trim() 方法用于删除字符串的头尾空白符，空白符包括：空格、制表符 tab、换行符等其他空白符等。trim() 方法不会改变原始字符串。trim() 方法不适用于 null,...
2021-01-29
介绍JavaScript作用域和闭包
JavaScript作用域和闭包在javascript中，如果对作用域和闭包弄不清楚，写代码就会出很多问题，今天对作用域和闭包做一个总结。作用域作用域主要分为全局作用域和局部作用域，其中局...
2021-01-29
nodejs怎么升级版本？两种方法介绍
方法一： 用n升级nodejs# 全局安装n$ npm install -g n# 升级到最新稳定版$ n stable # 升级到最新版$ n latest# 升级到定制版$ n v7.10.0# 切换使用版本$ n 7.10.0 (ENTER)...
2021-01-29
使用Nodejs+robotjs控制鼠标键盘
Nodejs使用robotjs轻松控制鼠标键盘最近刚完成了基于vue的聊天系统的开发，闲下来之余，鼓捣了一下node脚本，每天上班开机挺麻烦，要一个一个打开软件、手动连wifi；于是乎，鼓捣出了一...
2021-01-29
浅谈angular9中拦截器的用法
拦截器统一添加token我们在做一个后台管理系统时,需要给每个请求的请求头里面添加token,所以下面我们来了解一下angular的拦截器,并使用拦截器使用1.创建http.service.ts,用...
2021-01-29
原来ES6 module还可以这样用！（备忘单）
这是一份备忘单，展示了不同的导出方式和相应的导入方式。 它实际上可分为3种类型：名称，默认值和列表 。// 命名导入/导出 export const name = 'value'import { name }...
2021-01-29
Element-ui 自带的两种远程搜索(模糊查询)用法讲解
问题描述
有一种查询叫做前端远程搜索、模糊查询。饿了么自带两种方式可以做，一种是使用el-input中的el-autocomplete，另一种是使用el-select和el-option。这两种都可以选择，但...
2021-01-29
