94浏览

0评论

jquery怎么获取父亲节点的第一个子节点

jquery获取父亲节点的第一个子节点在jquery中，可以利用children()方法和:first-child选择器来获取父亲节点的第一个子节点。实现思想： children()方法获取指定父节点下的全部...

• 2022-05-11

76浏览

0评论

浅析Angular变更检测机制，聊聊如何进行性能优化？

什么是变更检测(Change Detection)？变更检测的概念组件内的数据状态变化以后，需要对应更新视图。这种将视图和数据同步的机制，就叫变化检测。变更检测的触发时机只要发生了异步...

• 2022-05-11

106浏览

0评论

一文解析Vue中的插槽（slot）

在 Vue 中，插槽是个很强大的功能，它可以使封装的组件灵活性增强很多，比如你在封装一个组件时使用了插槽，那在父组件调用时，这里的内容就可以由父组件自由定义，而无需在封装组件时...

• 2022-05-11

132浏览

0评论

深入浅析Node.js中常见的内置模块

内置模块path路径的演练 path模块用于对路径和文件进行处理，提供了很多好用的方法 并且我们知道在Mac OS、Linux和windows上的路径分隔符是不一样的 在Mac OS、Linux的Un...

• 2022-05-10

107浏览

0评论

简述JS中forEach()、map()、every()、some()和filter()的用法

目录前言一、forEach()，用于遍历数组，无返回值二、map()，用于遍历数组，返回处理之后的新数组三、every()，用于判断数组中的每一项元素是否都满足条件，返回一个布尔值四、some()，用...

• 2022-05-10

92浏览

0评论

JavaScript中reduce()的用法实例

前言过去有很长一段时间，我一直很难理解 reduce() 这个方法的具体用法，平时也很少用到它。事实上，如果你能真正了解它的话，其实在很多地方我们都可以用得上，那么今天我们就来简单...

• 2022-05-10

74浏览

0评论

深入聊聊node.js中的EventEmitter

events(事件触发器)events是nodejs内置的事件触发器，在node的内置模块里很多都用到了events,比如http.server在每次接受到请求时触发事件，还有stream就是基于事件的使用on来监...

• 2022-05-10

112浏览

0评论

jquery怎么用CSS()设置鼠标禁止样式

想要设置鼠标禁止样式，只需用的cursor属性。只需用CSS()将鼠标样式属性“cursor”的值设置为“not-allowed”即可。设置语法有两种：元素对象.css("cursor...

• 2022-05-07

89浏览

0评论

一文聊聊Angular中的生命周期

接触过 react 和 vue 开发的读者应该对生命周期这个概念不陌生。我们在使用 angular 开发的过程中，是避免不了的。组件从开始建立到销毁的过程中，会经历过一系列的阶段。这就...

• 2022-05-06

88浏览

0评论

什么是管道？浅析Angular中的管道（PIPE）

什么是管道（PIPE）PIPE，翻译为管道。Angular 管道是编写可以在HTML组件中声明的显示值转换的方法。Angular 管道之前在 AngularJS 中被称为过滤器，从 Angular 2开始就被称为管道...

• 2022-05-06

173浏览

0评论

5 款适合国内使用的 Vue 移动端 UI 组件库

在 Vue 3 正式版发布一段时间后，各大组件库、框架纷纷对 Vue 3 做了支持和优化，特别是 Vue 移动端组件库，有了跨越式的升级。几家头部大厂也全面拥抱 Vue 3 ，陆续发布了支持 Vue...

• 2022-05-06

103浏览

0评论

浅析Angular+rxjs怎么实现拖拽功能？

现在有这么一个需求，你会怎么实现呢？页面中 video 标签，当滚动高度超过其位置之后，将其设置为可在可视区域自由拖拽。一个不错的 Idea，如果你使用 Angular 的 @angular/cdk/drag-...

• 2022-05-04

100浏览

0评论

浅析利用node怎么获取mac系统版本

今天突然碰到了一个兼容性需求，需要根据不同 macOS 版本，进行不同的兼容性处理。没想到看似简单的需求，中间也经历了一番波折，好在最后解决了问题。在此记录一下解决问题的过程，...

• 2022-05-04

105浏览

0评论

node爬取数据实例：聊聊怎么抓取小说章节

准备用electron制作一个小说阅读工具练练手，那么首先要解决的就是数据问题，也就是小说的文本。这里准备使用nodejs对小说网站进行爬虫爬取，尝试爬下一本小说，数据就不存放数据库...

• 2022-05-02

118浏览

0评论

ES6基础语法之字符串扩展

一、字符串的遍历JS中遍历字符串：var str = "hello,world";for(var i = 0;i<str.length;i++){ console.log(str[i]);}ES6扩展的遍历字符串方法：let str = "hello,world";for(l...

• 2022-05-02

100浏览

0评论

ES6基础语法之数组拓展

一、Array.of()将参数中所有值作为元素形成数组：console.log(Array.of(1, 2, 3, 4)); // [1, 2, 3, 4]参数的值可以为不同的类型：console.log(Array.of(1, '2', true)); // [1...

• 2022-05-02

91浏览

0评论

ES6基础语法之Map和Set对象

一、Map对象Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。Map中的键值是有序的。let myMap = new Map();myMap.set("23","乔丹");myMap.set("33"...

• 2022-05-02

125浏览

0评论

详解Vue中Computed与watch的用法与区别

目录computedcomputed只接收一个getter函数computed同时接收getter函数对象和setter函数对象调试 ComputedwatchEffect立即执行 监听基本数据类型停止watchEffect清理watchE...

• 2022-04-28

125浏览

0评论

vue3 $attrs和inheritAttrs的用法说明

目录$attrs和inheritAttrs用法在父组件app.vue中子组件 myInput.vue 设置 inheritAttrs: true（默认）子组件 myInput.vue 设置 inheritAttrs: false$attrs和inheritAttrs实例$a...

• 2022-04-28

128浏览

0评论

详解javaScript中Number数字类型的使用

目录前言Number数字自带属性值基础使用总结源码地址前言Number和Math都属于JavaScript中的内置对象，Number数字类型作为基础数据类型，我们在开发过程中会经常用到，包括数字精度...

• 2022-04-28

169浏览

0评论

微信小程序实现手势解锁的示例详解

目录一、项目展示二、设置手势、手势解锁三、手势重置一、项目展示这是一款简单实用的手势解锁工具手势解锁是当下常用的解锁方式本实例以工具的形式可以嵌入到不同的项目之...

• 2022-04-28

192浏览

0评论

vue预览 pdf、word、xls、ppt、txt文件的实现方法

目录说下方法1. 在页面内加个 iframe2. word、xls、ppt这些文件3. 最终效果首先说下为什么要分享：网上教的都是特么的啥玩意！！！真特么垃圾，各种方法说不到点子上！！！真是特么气死我了...

• 2022-04-28

125浏览

0评论

vue 下载文档乱码的解决

目录vue下载文档乱码文件下载返回乱码处理 vue+axios解决方法vue下载文档乱码最近写功能 vue导出，但是不知道为啥，一请求接口就是乱码后来在接口里写上了 这句话 responseType...

• 2022-04-28

83浏览

0评论

18个高频使用的JS工具方法总结

目录前言1. 回到顶部2. 删除数组指定项3. 获取 url 某一个参数4. 复制文本5. 禁止复制文本6. 复制文本带版权信息7. 判断数据类型和数据值8. ua 环境判断9. 时间格式转换10....

• 2022-04-28

93浏览

0评论

vue如何使用js对图片进行点击标注圆点并记录它的坐标

目录功能标注前标注后打印记录坐标点代码实现判断鼠标是否右击阻止冒泡行为和默认右键菜单事件给图片加点击事件画点最近和深度学习方面搞个东西，需要前端对图片进行标注，呃，这...

• 2022-04-28

93浏览

0评论

JavaScript setTimeout和setInterval的用法与区别详解

目录I. 总述II. setTimeout()函数III. setInterval()函数IV. 新年倒计时案例总结I. 总述首先，setTimeout()和setInterval()函数是JavaScript中两个很重要的关于"时间的函数"，...

• 2022-04-20

155浏览

0评论

vue中的style样式如何动态绑定

目录style样式如何动态绑定动态设置style样式style样式如何动态绑定方法一：(1) html中: <div class="videoMa" ref="videoMa" style="width:100%;height:100%;"> <div id="...

• 2022-04-20

203浏览

0评论

vue在mounted中window.onresize不生效问题及解决

目录mounted中window.onresize不生效解决方案window.onresize被覆盖问题解决方案mounted中window.onresize不生效在vue开发中，因为引用的父组件和子组件都使用了window.onres...

• 2022-04-20

102浏览

0评论

vue中window.onresize的使用解析

目录window.onresize的使用说下重点window.onresize笔记1.浏览器尺寸变化响应事件2.谷歌浏览器中3.页面尺寸变更事件window.onresize的使用说下重点window.onresize只能在一...

• 2022-04-20

203浏览

0评论

vue3.0中sass全局的使用过程

目录vue3.0 sass全局的使用vue3.0使用sass入门 1.使用npm安装sass包2.新建scss文件3.在main.js中引入style.scss文件4.在页面元素中引入样式即可vue3.0 sass全局的使用需要...

• 2022-04-20

141浏览

0评论

vue导出word纯前端的实现方式

vue导出word纯前端实现最近项目有个需求导出word，纯前端实现，查了查资料，用docxtemplater简直不要太简单。直接把官网例子拿过来就可以了。！！！官网地址首先，新建一个docx文件，把模板...

• 2022-04-20

316浏览

0评论

微信小程序登录会话密钥session失效解决方案

目录一、登录会话密钥 session_key 有效性二、解决登录session_key 的问题案例：解决session_key 过期问题，发送个人信息后台解密后端解密信息，存入数据库mysql数据库存表情设置...

• 2022-04-20

134浏览

0评论

vue+vue-meta-info动态设置meta标签教程

目录vue-meta-info官方介绍vue-meta-info使用在写移动端项目的时候，通常都会设置meta禁止用户缩放。<meta name="viewport" content="width=device-width, user-scalable=no,...

• 2022-04-20

147浏览

0评论

基于JS实现十种酷炫的网页特效

目录1、鼠标点击弹出爱心2、鼠标点击弹出文字3、鼠标点击弹出烟花波纹4、鼠标小星星拖尾跟随5、鼠标粒子随心拖尾跟随6、鼠标笑脸跟随+仙女棒+泡泡+雪花+点击烟花效果（自由组...

• 2022-04-16

274浏览

0评论

基于JS实现的消消乐游戏的示例代码

目录前言游戏的准备工作总结一下棋盘渲染画面动画效果genCollapse()genDownfall()genEmerge()整合效果genLoop()genSwap()前言一直对小游戏挺感兴趣的，也尝试着做过一些小游...

• 2022-04-16

166浏览

0评论

教你巧用 import.meta 实现热更新的问题

目录import.meta应用场景URL()二者结合使用import.metaimport.meta 是一个给 JavaScript 模块暴露特定上下文的元数据属性的对象，它包含了这个模块的信息。import.meta 对象...

• 2022-04-16

99浏览

0评论

移动端调试神器vConsole使用详解

目录介绍功能特性使用方法一：使用 npm（推荐）方法二：使用 CDN 直接插入到 HTML开发环境显示生成环境删除vue案例介绍平时在web应用开发过程中，我们可以console.log去输出一些信息...

• 2022-04-16

118浏览

0评论

vue实现垂直无限滑动日历组件

用vue做了一个垂直无限滑动日历，在这里记录一下实现。效果组件verticalCalendar.vue<template>  <div ref="container" class="calendar-vt">    <div class="top-month">...

• 2022-04-16

80浏览

0评论

vue项目keepAlive配合vuex动态设置路由缓存方式

目录需求效果图解决方案1.App.vue文件2.main.js文件3.store/modules/common.js文件4.utils/utils.js文件5.store/index.js文件6.router/index.js文件7.routers/Home.vue文件...

• 2022-04-16

86浏览

0评论

使用Mockjs模拟接口实现增删改查、分页及多条件查询

目录一、什么是Mock？二、使用Mock有什么好处三、安装Mock四、效果图五、使用Mock模拟接口实现增删改查、分页、多条件查询总结一、什么是Mock？mock官网mock测试就是在测试过程...

• 2022-04-16

86浏览

0评论

带你了解JavaScript中的键盘、鼠标事件

页面事件思考：HTML页面是按照什么样的顺序进行加载的？答案：页面的加载是按照代码的编写顺序，从上到下依次执行的。会出现的问题：若在页面还未加载完成的情况下，就使用JavaScript操...

• 2022-04-16

88浏览

0评论

手把手带你使用Vue + Laravel开发一个简单的 CRUD 应用

CURD （增删改查）是数据存储的基本操作，也是你作为 Laravel 开发人员首先要学习的内容之一但是，如果要结合以 Vue.js 作为前端的应用程序该注意哪些问题呢？首先，因为现在的操作不刷...

• 2022-04-16

95浏览

0评论

了解Node.js Nestjs框架的模块机制，聊聊实现原理

Nest 提供了模块机制，通过在模块装饰器中定义提供者、导入、导出和提供者构造函数便完成了依赖注入，通过模块树组织整个应用程序的开发。按照框架本身的约定直接撸一个应用程...

• 2022-04-09

117浏览

0评论

JavaScript把new给拿捏住了

前言什么是new呢？new运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型之一。光看定义还是有几分晦涩，直接看一个具体的例子，来了解一下JavaScript中的new...

• 2022-04-09

101浏览

0评论

什么是单元测试？Vue 组件怎么进行单元测试？

我们先来简单解释一下单元测试：就是对函数的输入输出进行测试，使用断言的方式，判断我们输入的用例的结果和我们实际输入的结果是否相同组件的单元测试就是使用单元测试工具，对组...

• 2022-04-09

77浏览

0评论

Vue结合ElementUI上传Base64编码后的图片实例

目录ElementUI上传Base64编码后的图片安装ElementUI按需引入(当然如果需要你也可以全部引入)上传实现 ElementUI把上传的图片转为Base64ElementUI上传Base64编码后的图片自...

• 2022-04-08

293浏览

0评论

vue如何根据条件判断按钮是否可以点击

目录根据条件判断按钮是否可以点击方法一：使用v-if 、v-else 来判断方法二：增加一个变量,判断vue判断点击当前元素需要判断你是点击了遮罩层还是form表单接下来是分别对e.curr...

• 2022-04-08

83浏览

0评论

vue实现自定义全局右键菜单

前段时间公司在做一个webIDE项目，其中有对文件树的各种操作，主要通过右键菜单实现，今天就来记录一下怎么在vue项目中实现全局的自定义右键菜单。效果如图所示：注意：需要在项目中...

• 2022-04-08

66浏览

0评论

JavaScript获取URL参数的方法分享

目录一、字符串 split 方法二、使用 URLSearchParams 方法1、解析搜索字符串2、生成搜索字符串3、Node.js 代码三、使用正则匹配方法四、使用第三方库 qs一、字符串 split...

• 2022-04-07

89浏览

0评论

如何通过简单的代码描述Angular父组件、子组件传值

目录引言零、知识铺垫CSS选择器一、什么是父子组件二、父组件调用子组件的方法三、父组件向子组件传值子组件使用@input装饰器接收数据父组件使用方括号[]发送数据升级：子组...

• 2022-04-07