在微信小程序中实现virtual-list的方法详解
背景小程序在很多场景下面会遇到长列表的交互，当一个页面渲染过多的wxml节点的时候，会造成小程序页面的卡顿和白屏。原因主要有以下几点：1.列表数据量大，初始化setData和初始化...
2020-09-09
Angular CLI如何搭建Angular+TypeScript+Material项目？
第一步：安装脚手架npm install -g @angular/cli第二步：安装UI组件库Materialnpm add @angular/material项目版本：...
2020-09-09
nodejs适合做些什么？
nodejs适合做什么我们学习完一门新的技术，我们要知道它适用于什么场景。nodejs可以说是，极客追求极致性能的产物，缺少服务器健壮性的考虑。不建议使用在追求稳定的业务上，如银行...
2020-09-09
为你的Node应用程序选择最佳的JS引擎
Node.js 正在飞速的发展。目前 Node.js 8 已经发布。同时，基于 ChakraCore 的 Node.js 版本也正在积极开发中。原文是：The recent Node.js v8 version (not to be mistaken wi...
2020-09-09
jquery对象和dom对象之间的差异
最近工作有很多判断的代码，用到了jquery与dom对象的地方比较多，写在这里加强下基本概念：1.判断是否存在时候，要用dom对象，因为jQuery在获得对象的时候，无论要获得的对象是否存在，都...
2020-09-09
jQuery选择器有什么优点？
jQuery选择器的优点选择器想必大家都不陌生，今天呢，我就给大家介绍一下jQuery选择器的优点：1、jQuery选择器更简洁的写法：2、jQuery完善的处理机制：3、jQuery选择器判断dom节点存...
2020-09-09
JS变量提升及函数提升实例解析
1在js中只有两种作用域a：全局作用域b：函数作用域在ES6之前，js是没有块级作用域。首先来解释一下什么是没有块级作用域?所以此时 是可以打印输出变量a的值。2:什么是变量提升?在...
2020-09-03
详解JavaScript作用域、作用域链和闭包的用法
1. 作用域作用域是指可访问的变量和函数的集合。作用域可分为全局作用域和局部作用域。1.1 全局作用域全局作用域是指最外层函数外面定义的变量和函数的集合。换言之，这些最...
2020-09-03
浅析JavaScript预编译和暗示全局变量
1. 暗示全局变量未声明的变量称为暗示全局变量。var a = 1; //函数体外声明的变量称为全局变量b = 2; // 无论函数体外或函数体内未声明的变量都称为暗示全局变量function f...
2020-09-03
windows环境下怎么安装nodejs？
一、什么是nodejsNode.js 是一个基于 Chrome V8 引擎的javascript运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。Node 是一个让 JavaScript 运行在服务端的...
2020-09-03
微信小程序换肤功能实现代码(思路详解)
在手机、电脑使用频率如此高的当下，应用可以更换皮肤，以提升美观性，并减轻屏幕对眼睛的刺激，无疑对用户体验有很大的帮助实现功能要实现如上更换皮肤的效果，有几个思路：
1.准备皮...
2020-08-25
一篇文章带你搞懂Vue虚拟Dom与diff算法
前言使用过Vue和React的小伙伴肯定对虚拟Dom和diff算法很熟悉，它扮演着很重要的角色。由于小编接触Vue比较多，React只是浅学，所以本篇主要针对Vue来展开介绍，带你一步一步搞懂它...
2020-08-25
vue+iview框架实现左侧动态菜单功能的示例
最近在使用vue-cli3配合iview框架搭建新的项目中用到了iview中的menu菜单，按照官网写法固定不太好，因为一般项目都是从后端动态获取菜单列表，所以我们需要将官网代码稍作修改，代...
2020-08-10
一起学习Javascript网页截屏的方法
之前我曾写过如何将canvas图形转换成图片和下载canvas图像的方法，这些都是在为这个插件做技术准备。技术路线很清晰，将网页的某个区域的内容生成图像，保持到canvas里，然后将canv...
2020-06-19
用JavaScript将Canvas内容转化成图片的方法详解
上周我们花了半天时间开发下一个准备放进Mozilla Marketplace的应用。有一个应用现在非常的火热，那就是Instagram，Facebook花了100万美元收购了它。我们也想有100万美元装到口...
2020-06-19
JS 中几种处理’this’指向的方式
我喜欢在JS中更改函数执行上下文的指向，也称为 this 指向。例如，咱们可以在类数组对象上使用数组方法：const reduce = Array.prototype.reduce;function sumArgs() { return r...
2020-06-18
小程序需要租服务器吗？
小程序需要租服务器吗？需要租服务器，小程序分为前端和后端，后端一般都是放在服务器上的，因为是有数据存储的，而且小程序对服务器配置要求蛮高的，一般需要2核4G内存3M带宽起步的，低...
2020-06-02
简单实用的进度条加载组件loader.js
本文提供一个简单的方法实现一个流程的进度条加载效果，以便在页面中可以通过它来更好地反馈耗时任务的完成进度。要实现这个功能，首先要考虑怎样实现一个静态的进度条效果，类似...
2020-06-01
24个ES6方法解决JS实际开发问题(小结)
本文主要介绍 24 中 es6 方法，这些方法都挺实用的，本本请记好，时不时翻出来看看。1、如何隐藏所有指定的元素：const hide = (el) => Array.from(el).forEach(e => (e.style.disp...
2020-05-31
vue如何在用户要关闭当前网页时弹出提示的实现
本文介绍了vue如何在用户要关闭当前网页时弹出提示的实现，分享给大家，具体如下：效果如下图正常 js 页面处理方式window.onbeforeunload = function (e) { e = e || window.even...
2020-05-31
部署vue+Springboot前后端分离项目的步骤实现
单页应用vue经常被用来开发单页应用（SinglePage Web Application，SPA）,什么叫做单页应用呢，也就是只有一张web页面的应用，单页应用的跳转只需要刷新局部资源，大大加快的了我们页面...
2020-05-31
详解Typescript 内置的模块导入兼容方式
一、前言前端的模块化规范包括 commonJS、AMD、CMD 和 ES6。其中 AMD 和 CMD 可以说是过渡期的产物，目前较为常见的是commonJS 和 ES6。在 TS 中这两种模块化方案的混用，往往...
2020-05-31
Vue-cli3生成的Vue项目加载Mxgraph方法示例
使用Vue-cli3生成Vue项目，并等待项目创建成功。vue create [项目名]安装mxgraph。cnpm install mxgraph --save安装exports-loader。cnpm install exports-loader --save安装...
2020-05-31
公众号SVG动画交互实战代码
越来越多的公众号在图文消息中加入了SVG动画交互效果，SVG支持事件触发动画，相对于单独做一个H5而言，由于公众号消息依托于微信服务器，为广告主节约了服务器流量成本。这次我们以...
2020-05-31
js中的typeof和instanceof和===的区别
js中的typeof和instanceof和===的区别typeof：用于判断number/string/boolean/underfined类型/function，不能判断：null和object ，不能区分object和Arrayinstanceof：判断具体的对象...
2020-05-31
js怎么移除css属性
js怎么移除css的属性？在工作中，经常需要使用Javascript来改变页面元素的样式。其中一种办法是改变页面元素的CSS类(Class)，这在传统的Javascript里，我们通常是通过处理HTML Dom...
2020-05-31
js如何实现页面跳转
js怎么实现页面跳转？js实现页面跳转可以使用“window.location.href="跳转地址"”方法；具体用法如下：首先创建一个html文件填入以下代码：window.location.href = '...
2020-05-31
js怎么清除定时器
js怎么清除定时器？在实现清除定时器之前，我们需要开启定时器一、设置定时器window对象提供了两个方法来实现定时器的效果，分别是window.setTimeout()和window.setInterval。其...
2020-05-31
JS判断数组中是否包含某个值
js如何判断数组中某个值？js中判断某个数组中是否含有某个值的函数是"indexOf“，具体用法如下：indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。语法str...
2020-05-31
基于JavaScript或jQuery实现网站夜间/高亮模式
创建夜间/高亮模式的步骤：创建一个HTML文档。为文档文件以及黑暗模式创建CSS。添加一个开关转换器按钮，以在明暗模式之间进行切换。使用javascript或jQuery代码向开关转换器添...
2020-05-30
react结合bootstrap实现评论功能
本文实例为大家分享了react结合bootstrap实现评论功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</tit...
2020-05-30
JS常见内存泄漏及解决方案解析
内存泄漏？官方解释：内存泄漏（Memory Leak）是指程序中己动态分配的堆内存由于某种原因程序未释放或无法释放，造成系统内存的浪费，导致程序运行速度减慢甚至系统崩溃等严重后果。通...
2020-05-30
基于vue和bootstrap实现简单留言板功能
本文实例为大家分享了vue实现简单留言板功能的具体代码，供大家参考，具体内容如下作为一个刚开始接触vue的前端小白，我想在这里记录一些学习过程，希望和大家一起进步，如有不妥处之...
2020-05-30
vue实现购物车加减
通常我们会在模板中绑定表达式,模板是用来描述视图结构的。如果模板中的表达式存在过多的逻辑，模板会变得臃肿不堪，维护变得非常困难。因此，为了简化逻辑，当某个属性的值依赖于...
2020-05-30
基于canvasJS在PHP中制作动态图表
CanvasJS是一个JavaScript库，用于轻松为网页创建其他类型的图表。例如条形图，饼图，柱形图，面积图，折线图等。让我们以需要创建一个图表的示例为例，在该图表中我们可以显示每月销售...
2020-05-30
JavaScript Window浏览器对象模型原理解析
浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话"。浏览器对象模型 (BOM)浏览器对象模型（Browser Object Model (BOM)）尚无正式标准。由于现代浏览器已经（几乎）实现了...
2020-05-30
JQuery获得内容和属性方法解析
jQuery 拥有可操作 HTML 元素和属性的强大方法。jQuery DOM 操作jQuery 中非常重要的部分，就是操作 DOM 的能力。jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属...
2020-05-30
node.js利用redis数据库缓存数据的方法
一、运行redisRedis服务器默认使用6379端口redis-server自定义端口redis-server –port 6390客户端redis-cli指定ip和端口连接redis-cli -h 127.0.0.1 -p 6390测试客户端和...
2020-05-27
JS实现复制功能
效果图：代码如下：<!DOCTYPE html><html><head><meta charset="utf-8"><title>JS复制功能</title><link href="" rel=" rel="external nofollow" stylesheet"><style> *{ margi...
2020-05-27
js实现下拉菜单效果
效果图：代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } body { width...
2020-05-27
js实现拖拽功能
效果图：(红色方块可任意拖动)代码如下： <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords"...
2020-05-27
浅谈js中startsWith 函数不能在任何浏览器兼容的问题
在做js测试的时候用到了startsWith函数，但是他并不是每个浏览器都有的，所以我们一般要重写一下这个函数，具体的用法可以稍微总结一下在有些浏览器中他是undefined 所以我们可以...
2020-05-27
js实现仿购物车加减效果
效果图： 代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } body{ overflow-y: auto; } ul{ m...
2020-05-27
JavaScript两个变量交换值的实现方法
概要本文主要描述，如何不使用中间值，将两个变量的值进行交换。一、普通做法var a = 1, b = 2, tmp;tmp = a;a = b;b = tmp;普通的做法就是声明多一个临时变量tmp，进行数据交换...
2020-05-27
浅谈angular2的http请求返回结果的subcribe注意事项
实例如下：this.monitorSer.getVehicleLonAndLat(vehicleIds) .subscribe( data => { //将data下的data字符串转化为vehdata数组 this.vehData=JSON.parse(data.data);...
2020-05-27
Angular2库初探
从去年年底开始使用ng2，遇到并解决或被虐了一些问题点，对其各种新特性与开发模式感觉还算舒服。还有的一个感想就是，要使用ng2还得先学习不少其他东西，比如TypeScript语法，比如ES...
2020-05-27
JQ中$(window).load和$(document).ready区别与执行顺序
JQ中的$(document).ready()大家应该用的非常多，基本每个JS脚本中都有这个函数的出现有时甚至会出现多个，那么另一个加载函数$(window).load相对出现的次数就很少了，下面为大家...
2020-05-27
node.js实现回调的方法示例
本文实例讲述了node.js实现回调的方法。分享给大家供大家参考，具体如下：向回调函数传递额外的参数在调用函数中，使用匿名函数中实现需传递的参数，再次匿名函数内调用回调函数。v...
2020-05-27
js图片延迟加载(Lazyload)三种实现方式
延迟加载也称为惰性加载，即在长网页中延迟加载图像。
用户滚动到它们之前，视口外的图像不会加载。
这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。
在某些情况...
2020-05-27
轻松学习Javascript闭包
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。当function里嵌套function时，内部的function可以访问外部function里的变量。function fo...
2020-05-27
