JavaScript - 教程之家

159浏览

0评论

vue3如何优雅的实现移动端登录注册模块

前言
近期开发的移动端项目直接上了 vue3 ,新特性 composition api 确实带来了全新的开发体验.开发者在使用这些特性时可以将高耦合的状态和方法放在一起统一管理,并能视具...

2021-03-28

175浏览

0评论

vue中data改变后让视图同步更新的方法

前言
不久前天看到一个比较有趣的问题，vue中data改变后，如何让视图同步更新，搜索了一下，并没有发现解决问题的方法，只能从源码去找解决方法了。原因
我们都知道，在vue中改变数据后...

2021-03-28

145浏览

0评论

7个JavaScript中关于闭包的面试题，你能回答上来吗？

每个 JavaScript 程序员都必须知道闭包是什么。在 JavaScript 面试中，你很可能会被问到闭包的概念。以下是 7 个有关 JavaScript 闭包的面试题，比较有挑战性。不要查看答案或...

2021-03-26

156浏览

0评论

详解Node.js中的QUIC协议

在2019年3月，受到 NearForm 和 Protocol Labs 的支持，我开始为 Node.js 实现 QUIC 协议支持。这个基于 UDP 的新传输协议旨在最终替代所有使用 TCP 的 HTTP 通信。熟悉 UDP...

2021-03-26

124浏览

0评论

浅谈Angular CLI的两种安装方式

Angular CLI 安装方式默认已经安装了 Node.js 和 npm 包管理器。1. 在线安装可以使用外网的情况下，可以使用在线安装的方式。要使用 npm 命令全局安装 CLI，请打开终端/控制台...

2021-03-26

110浏览

0评论

JavaScript中关于“this”的7个有趣面试题，你能全答对吗？

在 JavaScript 中，this 是函数调用上下文。正是由于 this 的行为很复杂，所以在 JavaScript 面试中，总是会问到有关 this 的问题。做好的准备面试的方法是练习，所以本文针对 this...

2021-03-25

172浏览

0评论

浅谈npm邮箱验证问题的解决方法

关于npm邮箱验证问题因为我是大号登录的，早就注册了，当时也忘了为什么注册了，然后可能是当时注册的时候落下了什么步骤没做，所以在我发布时一直报以下错误。搞了半天，不想搞了，继...

2021-03-25

119浏览

0评论

浅谈使用angular9+echarts绘制3D地图

新建一个angular9的工程1、安装了@angular-cli的脚手架2、ng -v查看版本3、ng new my-project(项目名)下载echartsnpm i echarts创建容器src/app/app.componnet.html<div id...

2021-03-25

110浏览

0评论

vue3常用的API使用简介

vue3.x已经发布了这么久，相关的生态也慢慢起来了，包括vite这个新的打包工具，在vue3.0学习过程中有一些实用性的api对比，希望能在开发中给大家做个示范，准确的使用对应的api去完成...

2021-03-25

157浏览

0评论

Vue3 Composition API的使用简介

vue3.0在7月发布了rc版本，vue-cli4.5后也支持选择vue3作为备选版本可以体验了，vue3的正式版本相必也不远了。学不动了呀!!!!
相比vue2.0版本(Option API)，Composition API（组合A...

2021-03-25

174浏览

0评论

Vue+node实现音频录制播放功能

实现效果：主要实现代码逻辑部分，具体页面结构就不一一介绍了。vue部分：
安装recorderxcnpm install recorderx --save 或者npm install recorderx --save在具体的组件中引入<sc...

2021-03-24

114浏览

0评论

详解JavaScript扩展运算符的10种用法（总结）

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

2021-03-24

117浏览

0评论

详解Nodejs+express模块创建一个服务器的方法

使用express模块创建一个服务器新建一个文件夹，文件夹名字非中文，名字也不要和模块名字一样 npm init -y 初始化下载模块，去npm官网搜索模块，用他的说明来下如果下载失...

2021-03-24

108浏览

0评论

详解Angular根模块与特性模块

前提是安装了 Angular cli，以下的大部分文件创建都是依赖于cli提供的指令Angular中的特性模板和根模板(AppModule)区别在于特性模板可以把应用划分，个人理解类似于组件化1、特...

2021-03-24

394浏览

0评论

基于JavaScript实现网红太空人表盘的完整代码

一、效果展示用javascript写的一个太空人表盘。http://xiazai.jb51.net/202103/yuanma/Watch_jb51.rar 二、源代码html代码<html><head> <title>太空人表盘</title> <meta c...

2021-03-23

153浏览

0评论

详解Node.js异步迭代器及其使用方法

从 10.0.0 版开始，异步迭代器就出现在 Node 中了，在本文中，我们将讨论异步迭代器的作用，以及它们可以用在什么地方。什么是异步迭代器异步迭代器实际上是以前迭代器的异步版本。...

2021-03-23

137浏览

0评论

浅谈Angular10中class和style绑定

Angular10中class和style的绑定1.class绑定绑定类型语法输入类型输入值范例单个类绑定 [class.foo]=‘flag’ boolean|undefined|nu...

2021-03-23

98浏览

0评论

JavaScript中二进制怎么转为十六进制

JavaScript中将二进制转为十六进制的方法var a=100;var b=parseInt(a,2);b.toString(16)相关函数介绍：parseInt() 函数可解析一个字符串，并返回一个整数。当参数 radix 的值为...

2021-03-22

133浏览

0评论

浅谈Nodejs中内置模块的基本用法

内置模块的基本使用// 01. 导包const fs = require("fs");// 02. 调用unlink删除方法// 第一个参数：要删除的文件的路径// 第二个参数：回调函数fs.unlink("01-内置模块fs的使...

2021-03-22

184浏览

0评论

详解Angular父子组件间如何传值？

Angular中父子组件传值官方地址：https://angular.cn/guide/component-interaction#component-interaction1. 父组件给子组件传值说明：父组件给子组件传值的时候，父组件中在子...

2021-03-22

158浏览

0评论

深入理解JavaScript立即调用函数表达式（IIFE）

目录一、了解立即调用函数表达式二、立即调用函数表达式报错了？三、使用立即调用函数的正确姿势四、常见使用场景写在最后一、了解立即调用函数表达式1.1 思维导图1.2...

2021-03-22

124浏览

0评论

JavaScript实现页面动态验证码的实现示例

引言：现在很多在用户登陆或注册的时候为了防止程序攻击，加入了动态验证的技术，一般是让用户输入随即生成的验证码来实现。我自己写了一个没有跟后台交互的，就在前端验证，发出来给...

2021-03-22

114浏览

0评论

简约JavaScript中的变量对象

目录前言一、变量对象二、全局变量对象三、函数变量对象写在最后前言JavaScript编程的时候总避免不了声明函数和变量，以成功构建我们的系统，但是解释器是如何并且在什么...

2021-03-21

159浏览

0评论

nodejs环境快速操作mysql数据库的方法详解

github地址https://github.com/dmhsq/dmhsq-mysql-db
可用于腾讯云SCF以及云开发环境
错误处理尚未完善错误参考mysql错误
引入依赖包 npm install dmhsq-mysql-db
效果如...

2021-03-21

155浏览

0评论

vue实现密码显示隐藏功能的思路详解

效果：思路：利用input的type属性，当type值是text的时候展示密码，当type值是password的时候隐藏密码；于是很容易想到用v-bind来绑定type，同时用一个布尔值来控制，写成三元表达式...

2021-03-21

276浏览

0评论

vue如何调用浏览器分享功能详解

1.开发环境 vue+vant2.电脑系统 windows10专业版3.在使用vue开发的过程中,我们经常会遇到分享,下面我来分享一下我的方法,希望对你有所帮助。4.先看效果图:5.使用NativeShar...

2021-03-20

87浏览

0评论

浅谈Nodejs中Set和Map的用法

数据类型set作用和数组类似，和数组不同的是：它不能存放重复的元素应用场景：数组去重 eg01:基本使用let set1 = new Set([10, 20, 30, 40, 10, 20, 30, 50]);console.log(set...

2021-03-19

123浏览

0评论

JavaScript如何执行上下文

JavaScript中的执行上下文本文主要会讲解我们经常看到的上下文知识点，旨在帮助自己和大家加深对它理解。本篇文章可以避开了变量提升相关知识，是希望篇幅可以控制在一定范围，方...

2021-03-19

71浏览

0评论

javascript实现用户必须勾选协议实例讲解

在js中设置用户必须阅读完某项协议才能勾选登陆或注册（disabled的使用技巧）仔细观看两张图片画圈部分是不一样的当滚轮在上面时下面的表单是不可选中的第二张在底部表单是可...

2021-03-19

132浏览

0评论

思维脑图+代码示例让作用域到作用域链的知识点一目了然！

作用域作用域的篇幅不会太长，作为自己对Js总结的第三篇文章，主要是承上启下。
之后会涉及到执行上下文，闭包等相关专题，为了避免内容过多，作用域这一部分单独总结。目录前言一...

2021-03-18

334浏览

0评论

js数组怎么转为字符串

JavaScript 允许数组与字符串之间相互转换。其中 Array 方法对象定义了 2 个方法，可以把数组转换为字符串，如表所示。 Array 对象的数组与字符串相互转换方法数组方法 ...

2021-03-18

125浏览

0评论

jQuery treeview树形结构应用

本文实例为大家分享了jQuery treeview树形结构的应用代码，供大家参考，具体内容如下继Bootstrap-treeview应用后，我又尝试了用jquery-treeview解决这个问题，记录我的解决方案，但是...

2021-03-18

138浏览

0评论

不可错过的从原型到原型链，修炼JavaScript内功

前言一、构造函数二、原型三、实例与原型四、原型的原型五、原型链六、总结写在最后前言又到了回忆过去的时候了，知识就是这样，原型和原型链在我之前的实习生涯中用...

2021-03-17

157浏览

0评论

js怎么判断是否为数字

方法1：使用isNaN()函数isNaN()函数是js自带的全局函数，isNaN() 函数用于检查其参数是否是非数字值。如果值x 是特殊的非数字值 NaN（或者能被转换为这样的值），返回的值就是 true；...

2021-03-17

184浏览

0评论

nodejs怎么创建文件并写入

nodejs可以使用fs模块的writeFile方法来创建并写文件，writeFile方法用来写入文件内容，如果文件不存在就会创建一个文件。nodejs中创建一个文件并写入内容：var fs = require(&#3...

2021-03-17

146浏览

0评论

JavaScript深拷贝的一些踩坑记录

前言之前去一家公司面试的时候，面试官问了我一个问题，说:"如何才能深拷贝一个对象"。当时我心里有些窃喜，这么简单的问题还用想吗？于是脱口而出:"平时常用的有两种办法，第一种用J...

2021-03-17

152浏览

0评论

Vue组件传值过程中丢失数据的分析与解决方案

前言在上一篇文章 JavaScript 中的两种数据类型中，分别介绍了基本类型和引用类型，以及引用类型的浅拷贝与深拷贝。这里需要注意的是，该文章中深拷贝引用类型值的方法，并不是完美...

2021-03-17

135浏览

0评论

浅谈Angular10配置@路径别名的方法

Angular10中配置@路径别名Angular10中的项目文件结构中文网站Angular10中的tsconfig配置被分成了四个文件 tsconfig.json工作空间中各项目的默认TSP配置 tsconfig.base.j...

2021-03-16

131浏览

0评论

浅谈nodejs中的crypto加密模块

加密模块提供了 HTTP 或 HTTPS 连接过程中封装安全凭证的方法。也提供了 OpenSSL 的哈希，hmac, 加密（cipher）, 解密（decipher）, 签名（sign）和验证（verify）方法的封装。本文将详细...

2021-03-16

131浏览

0评论

详解this指向，让你一篇搞懂this、call、apply

目录前言+思考题一、this的指向二、call和apply 三、模拟实现一个call 四、bind 五、结尾前言+思考题记得当时找实习的时候，总是会在简历上加上一句——熟悉Js，...

2021-03-16

294浏览

0评论

微信小程序实现无缝滚动

本文实例为大家分享了微信小程序实现无缝滚动的具体代码，供大家参考，具体内容如下wxml
<view class="wrap-item" style='transform:translateX({{posLeft2}}px)'> <view clas...

2021-03-16

130浏览

0评论

微信小程序实现水平垂直滚动

本文实例为大家分享了微信小程序实现水平垂直滚动的具体代码，供大家参考，具体内容如下要点swiper内部套scroll-view注意：1.scroll竖直滚动高度不能给百分比要给px/rpx
2.swiper...

2021-03-16

153浏览

0评论

微信小程序实现多行文字滚动效果

本文实例为大家分享了微信小程序实现多行文字滚动的具体代码，供大家参考，具体内容如下
wxml<view class="full" style="height:100%;overflow:hidden"> <swiper autoplay="t...

2021-03-16

363浏览

0评论

微信小程序实现文字滚动

本文实例为大家分享了微信小程序实现文字滚动的具体代码，供大家参考，具体内容如下wxml：<view>显示完后再显示:</view><view class="example"> <view class="box"> <view class=...

2021-03-16

99浏览

0评论

js数组去重方法是什么

js数组去重方法：第一种：遍历数组法这种方法最简单最直观，也最容易理解，代码如下：这种方法很好理解，利用了indexOf()方法（indexOf()方法如果查询到则返回查询到的第一个结果在数组中...

2021-03-15

96浏览

0评论

微信小程序全局状态的深入讲解

前言
在微信小程序中，可以利用 App.js 的 globalData 作为中间桥梁，在 Page， Component 之间，包括页面与页面，页面与组件，组件与组件之间传递需要传递的信息。但是，我们不能及时的...

2021-03-15

88浏览

0评论

原生Js实现日历挂件

本文实例为大家分享了js实现日历挂件的具体代码，供大家参考，具体内容如下Css code/************************* * 日历样式对应表 * #date 日历块 * table 表格 * th 头部 * t...

2021-03-14

93浏览

0评论

基于jquery实现日历效果

本文实例为大家分享了jquery实现日历效果的具体代码，供大家参考，具体内容如下
/** * 2021/3/6 * Calendar */ /* get y Year m Month before days */function getBDays( y, m...

2021-03-14

64浏览

0评论

基于jquery实现轮播图效果

本文实例为大家分享了jquery实现轮播图效果的具体代码，供大家参考，具体内容如下轮播图左切换原理图黄色的方框表示的是 slides ，而 slide 表示的是所有轮播图的父亲，每个灰色...

2021-03-14

133浏览

0评论

小程序实现商品属性选择或规格选择

本文实例为大家分享了小程序实现商品属性选择或规格选择的具体代码，供大家参考，具体内容如下实现效果1.wxml<view wx:for="{{list}}" wx:key="index" wx:key="index" wx:for-i...

2021-03-14

热门文章