JavaScript - 教程之家

92浏览

0评论

Angular如何创建服务？5种方式了解一下！

config配置块Angular应用的运行主要分为两部分：app.config()和app.run()，config是你设置任何的provider的阶段，从而使应用可以使用正确的服务，需要注意的是在配置块中只有provid...

2021-05-10

245浏览

0评论

js数组怎么删除某一项

js中删除数组中某一项的方法1、使用splice()函数JS中可使用splice()函数删除数组中的某一项；splice() 方法用于添加或删除数组中的元素。语法：splice(index,len,[item])注释：该...

2021-05-10

112浏览

0评论

如何开发一个渐进式Web应用程序PWA

概述自苹果推出了iPhone应用商店以来，App成为了我们生活中不可或缺的一部分，而对于实体业务也是如此，现在各行业都在推出自己的App，但有没有人想过这样一种场景，如果自己的潜在客...

2021-05-10

129浏览

0评论

Vue通过懒加载提升页面响应速度

概述项目的目的是要通过数据透视表和Excel公式来分析公司的各项运营数据。不过在集成后，在开发环境页面运行流畅，大量数据加载处理也很快。但是发布生产后，在用户每次打开页面...

2021-05-10

102浏览

0评论

Angular性能优化之第三方组件和懒加载技术

概述应该有很多人都抱怨过 Angular 应用的性能问题。其实，在搭建Angular项目时，通过使用打包、懒加载、变化检测策略和缓存技术，再辅助第三方组件，便可有效提升项目性能。为了帮...

2021-05-10

107浏览

0评论

原生Js 实现的简单无缝滚动轮播图的示例代码

   简单无缝滚动轮播图存在很多漏洞，就是后期增加图片时会很不方便，需要改动的地方也很多，耦合性也很强，只适用于一部分程序，所以我们可以通过改动图片结构和计算折...

2021-05-10

158浏览

0评论

VUE+Canvas实现简单五子棋游戏的全过程

前言在布局上，五子棋相比那些目标是随机运动的游戏，实现起来相对简单许多，思路也很清晰，总共分为：（1）画棋盘；（2）监听点击事件画黑白棋子；（3）每次落子之后判断是否有5子相连，有则赢。最复杂...

2021-05-10

115浏览

0评论

Vue开发指南之重点知识梳理

概述如果您是Vue开发的新手，您可能已经听过很多关于它的专业术语了，例如：单页面应用程序、异步组件、服务器端呈现等。另外您可能还经常听到和Vue一起提到的工具和库，如Vuex、We...

2021-05-10

121浏览

0评论

微信小程序用户授权最佳实践指南

前言开发微信小程序中，经常会用到获取一些用户权限的页面，比如你要登录，就要获取个人信息、你要做人脸识别，就要获取相机权限、你要做位置地图功能、就要获取用户的位置权限，你要...

2021-05-08

714浏览

0评论

vue完美实现el-table列宽自适应

背景Element UI 是 PC 端比较流行的 Vue.js UI 框架，它的组件库基本能满足大部分常见的业务需求。但有时候会有一些定制性比较高的需求，组件本身可能没办法满足。最近在项目里...

2021-05-08

130浏览

0评论

JavaScript初学者容易犯的几个错误

前言抛开 JavaScript 语言设计层面的问题不说，毕竟它是 Brendan Eich 当年用短短十天时间设计出来的，有点缺陷也是在所难免。作为开发者，我们该怎样避免一些常见的低级错误呢？本...

2021-05-08

145浏览

0评论

promise封装wx.request的方法

上篇文章给大家介绍了使用Promise封装小程序wx.request的实现方法，本文重点给大家介绍promise封装wx.request的方法，具体内容如下所示：为什么要封装wx.request？因为我们请求接口...

2021-05-08

110浏览

0评论

浅谈JavaScript构造树形结构的一种高效算法

引言我们经常会碰到树形数据结构，比如组织层级、省市县或者动植物分类等等数据。下面是一个树形结构的例子：在实际应用中，比较常见的做法是将这些信息存储为下面的结构，特别是当...

2021-05-08

114浏览

0评论

详解JS ES6编码规范

1、块级作用域1.1、let取代varES6 提出了两个新的声明变量的命令: let 和const。其中，let可以完全取代var，因为两者语义相同，而且let没有副作用。var命令存在变量提升的特性，而l...

2021-05-07

238浏览

0评论

如何用threejs实现实时多边形折射

前言在本教程中，您将学习如何使用Three.js在三个步骤中使对象看起来像玻璃。渲染3D对象时，无论使用某种3D软件还是使用WebGL进行实时显示，始终都必须为其分配材料以使其可见并...

2021-05-07

281浏览

0评论

详解JS WebSocket断开原因和心跳机制

1、断开原因WebSocket断开的原因有很多，最好在WebSocket断开时，将错误打印出来。ws.onclose = function (e) { console.log('websocket 断开: ' + e.code + ' ' + e.reason +...

2021-05-07

97浏览

0评论

jQuery html()方法有什么用

jQuery html()方法html() 方法返回或设置被选元素的内容 (inner HTML)。返回元素内容当使用该方法返回一个值时，它会返回第一个匹配元素的内容。语法$(selector).html()示...

2021-05-06

201浏览

0评论

4个很 Nice 的Vue Router过渡动效，快来收藏！

Vue Router 过渡是向Vue应用程序添加个性的一种快速简便的方法。它让我们可以在应用程序的不同页面之间添加平滑的动画/过渡效果。如果使用得当，它可以让我们的应用程序更加...

2021-05-06

140浏览

0评论

详解如何使用Node.js实现热重载页面

前言
前不久我结合browser-sync+gulp+gulp-nodemon实现了一款生产环境热更新（我之前理解有点偏差，应该定义为热更新，不是热重载）的项目脚手架，那么，今天我们将使用Node.js实现一个...

2021-05-06

120浏览

0评论

关于Vue Router的10条高级技巧总结

前言
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路...

2021-05-06

175浏览

0评论

在JavaScript中如何使用宏详解

在语言当中，宏常见用途有实现 DSL 。通过宏，开发者可以自定义一些语言的格式，比如实现 JSX 语法。在 WASM 已经实现的今天，用其他语言来写网页其实并不是没有可能。像 Rust 语言...

2021-05-06

179浏览

0评论

详解Angular中的模板输入变量（let-变量）

我这个人，写文章或者说心得，不喜欢直接抄官网上面的东西，实在是没啥意思。我还是喜欢用我的大白话来写文章。今天这个关于模板输入变量的这个我今天啃官网啃了许久，总算是初步的...

2021-05-06

117浏览

0评论

深入浅析JS中的逻辑赋值运算符

逻辑赋值是对现有数学和二进制逻辑运算符的扩展。我们先复习一下，然后看看把它们结合在一起能得到什么。首先，我们来看下 JS 中条件运算符与无条件运算符之间的区别。无条件 v...

2021-05-06

111浏览

0评论

无编译/无服务器实现浏览器的CommonJS模块化

引言平时经常会逛 Github，除了一些 star 极高的大项目外，还会在 Github 上发现很多有意思的小项目。项目或是想法很有趣，或是有不错的技术点，读起来都让人有所收获。所以准备汇...

2021-05-06

107浏览

0评论

基于javascript实现移动端轮播图效果

本文实例为大家分享了js实现移动端轮播图效果的具体代码，供大家参考，具体内容如下插件使用：1.zepto.js
2.touch.js
实现效果html部分： <!-- li*6>a[href=#]>img[sr...

2021-05-04

180浏览

0评论

js实现随机点名功能

本文实例为大家分享了js实现随机点名的具体代码，供大家参考，具体内容如下效果：PS:在原来的效果中很快的，但是不知怎么的录下来就变得这么慢了代码如下：<!DOCTYPE html><html lang...

2021-05-04

150浏览

0评论

js实现头像上传并且可预览提交

在用户注册账号或者修改资料的时候会需要用户在本地选择一张图片作为头像，并同时预览，常见的思路有两种：一是将图片上传至服务器的临时文件夹中，并返回该图片的url，然后渲染在htm...

2021-05-04

122浏览

0评论

js制作提示框插件

JavaScript制作一个简单的提示框插件下面是制作的提示框插件文件window.myPlugin = window.myPlugin || {};window.myPlugin.showMsg = (function () { var mongolia, //蒙...

2021-05-04

175浏览

0评论

Taro小程序自定义顶部导航栏功能的实现

微信自带的顶部导航栏是无法支持自定义icon和增加元素的，在开发小程序的时候自带的根本满足不了需求，分享一个封装好的组件，支持自定义icon、扩展dom，适配安卓、ios、h5，全面屏。...

2021-05-04

213浏览

0评论

微信小程序学习之自定义滚动弹窗

微信小程序虽然有三种自带的弹窗，但是毕竟功能有限，有时候难以满足我们的需求，所以我们可以自己尝试制作自定义弹窗，话不多说，直接上图：其中列表部分支持滚动，所以信息承载能力很强...

2021-05-04

119浏览

0评论

原生JS实现pc端轮播图效果

本文实例为大家分享了JS实现pc端轮播图效果的具体代码，供大家参考，具体内容如下案例：轮播图需求布局：ul下有很多li标签；浮动在一行；原理：切换图片的时候，把ul位置修改一下，给ul的父容...

2021-05-04

166浏览

0评论

js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)

核心代码<script>String.prototype.html = function(encode) { var replace =["'", "'", """, '"', " ", " ", ">", ">", "<", &...

2021-05-04

125浏览

0评论

JavaScript实现瀑布流布局的3种方式

前言今天逛闲鱼的时候观察到每一行的高度不是相同的，经了解才知道原来这是一种瀑布流布局，感觉挺有意思，于是决定研究一下，在网上也找了一些方案，实现瀑布流大概有3种方式。一、J...

2021-05-04

150浏览

0评论

11个Javascript小技巧帮你提升代码质量(小结)

本文会不断更新，不足之处欢迎评论区补充。
1. 提炼函数
好处：避免出现超大函数。独立出来的函数有助于代码复用。独立出来的函数更容易被覆写。独立出来的函数如果拥...

2021-05-04

115浏览

0评论

JavaScript基于SVG的图片切换效果实例代码

最近太忙了，自动来到rjxy后，不晓得怎么回事，忙的都没时间更博了。昨天还有个同学跟我说，你好久没更新博客了。。甚为惭愧~~正好12月来了，今天开一篇。最近上课讲到了 SVG，不晓得同...

2021-05-04

133浏览

0评论

原生JS实现拖拽功能

本文实例为大家分享了JS实现拖拽功能的具体代码，供大家参考，具体内容如下拖拽的原理：三个事件 onmousedown、onmousemove、onmousemove1、鼠标按下，触发onmousedown，获取鼠标坐标...

2021-05-04

162浏览

0评论

js回到页面指定位置的三种方式

以前大部分时间都是在做b端相关的项目，在实现此类需求时，通常都是直接借助 a 标签搞定，现在做c端了，对交互性的要求一下就提升了，此时 a 标签就远远不能满足要求了，需要借助js来实...

2021-05-04

108浏览

0评论

原生js实现移动小球（碰撞检测）

本文实例为大家分享了js实现移动小球的具体代码，供大家参考，具体内容如下</head><style> *{margin: 0; padding:0;} #main{margin: 0px auto;position: relative;} #main div...

2021-05-04

224浏览

0评论

微信小程序自定义modal弹窗组件的方法详解

微信小程序开发中官方自带的wx.showModal，这个弹窗API有时候并不能满足我们的弹窗效果，所以往往需要自定义modal组件。下面我们进行一个自定义modal弹窗组件的开发，并进行组件...

2021-05-04

146浏览

0评论

Jquery+javascript实现支付网页数字键盘

Jquery+javascript动态生成支付网页数字键盘制作网页支付界面的时候，数字键盘适配不同的屏幕宽高比是一个很麻烦的事，所以我制作了一个根据屏幕宽高动态生成的数字键盘运行截...

2021-05-04

121浏览

0评论

Javascript 模拟mvc实现点餐程序案例详解

MVC模式是一个比较成熟的开发模式。M是指业务模型，V是指用户界面，C则是控制器，使用MVC的目的是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。其中，View的定义...

2021-05-04

171浏览

0评论

JavaScript实现通讯录功能

本文实例为大家分享了JavaScript实现通讯录功能的具体代码，供大家参考，具体内容如下

直接贴代码index.cssBODY,HTML { width: 100%; height: 100%; margin: 0px; font-fami...

2021-05-04

127浏览

0评论

mustache.js实现首页元件动态渲染的示例代码

前言在项目开发过程中，特别是OA类软件，会针对邮件/待办/公告等模块在主页面进行快捷查看的元件展示要求，类似效果如下针对框架层面，我们可以进行后台的可视化配置，使用mus...

2021-05-04

123浏览

0评论

JS算法教程之字符串去重与字符串反转

一、字符串去重
说起字符串去重，第一时间就会想起数组去重，所以我们可以把字符串转换为数组，然后对数组去重，去重完毕后在拼接成字符串，下面就简单罗列两种字符串去重的方法，接下...

2021-05-04

159浏览

0评论

微信小程序自定义支持图片的弹窗

本文实例为大家分享了微信小程序自定义支持图片的弹窗，供大家参考，具体内容如下为index.wxml添加如下图代码： (微信小程序 - canvas层级最高问题，如何超越canvas的层级,只能使用...

2021-05-04

183浏览

0评论

在HTML中使用JavaScript的两种方法

在HTML中使用HTML需要借助<scirpt>标签,使用<script>标签的方式有两种:一种是直接在<script>标签中嵌入JavaScript代码，另一种是用<script>的src属性引入外部JavaScript文件...

2021-05-04

117浏览

0评论

如何在JavaScript中正确处理变量

变量无处不在。即便我们写一个小函数或一个小工具，也要声明、赋值和读取变量。增强对变量的重视，可以提高代码的可读性和可维护性。1.建议使用 const，要么使用 let
用 const 或...

2021-05-04

220浏览

0评论

微信小程序视频弹幕发送功能的实现

1. 目录结构2. videoDanmu<video src="{{src}}"id='video'danmu-btnenable-danmudanmu-list="{{ danmuList }}"></video><view clas...

2021-05-04

122浏览

0评论

EXTJS7实现点击拖拉选择文本

本文实例为大家分享了EXTJS7实现点击拖拉选择文本的具体代码，供大家参考，具体内容如下默认情况下，用户无法通过点击拖拉选择界面上的文本解决方案Ext.Component组件可以使用use...

2021-05-04

174浏览

0评论

微信小程序实现modal弹出框遮罩层组件（可带文本框）

modal弹出框遮罩层可实现提示信息、验证码等功能然而在官方文档已经删除了modal的页面，说要废弃modal就个人而言modal组件无法被wx.showModal完全替代。大家都知道小程序的wx...

2021-05-04

热门文章