深入浅析Node.js 事件循环、定时器和process.nextTick()

什么是事件循环尽管JavaScript是单线程的,但通过尽可能将操作放到系统内核执行,事件循环允许Node.js执行非阻塞I/O操作。由于现代大多数内核都是多线程的,因此它们可以处理在后...

js实现动态增加文件域表单功能

本文实例为大家分享了js实现动态增加文件域表单的具体代码,供大家参考,具体内容如下实现代码:<html><head> <title>动态添加表单元素</title></head><script language="javascr...

Javascript 实现 Excel 导入生成图表功能

前一段时间做了一个用 JS 实现图表显示的功能,加上这次的Excel 导入功能,最终的效果是这样的:怎么样?如果看了心动的话,就接着往下看吧。 本次的这个设计需要用到几个插件:jquery....

js实现动态添加上传文件页面

发邮件是需要添加一些文件,每添加一个文件,页面上可以显示一个表单文件上传选项。此功能为:初始时刻只有一个添加按钮,当点击添加文件时,会增加一个选择文件和删除区域,同时显示上...

js异步上传多张图片插件的使用方法

本文为大家分享了js异步上传多张图片插件的使用方法,供大家参考,具体内容如下
效果展示:功能描述:
1.实现图片预览,预览图片移除,任意张数异步上传,上传进度条指示,已选中且上传的图...

详解微信小程序与内嵌网页交互实现支付功能

上个月,小程序开放了新功能,支持内嵌网页,所以我就开始了小程序内嵌网页之路,之前我只是个小安卓。内嵌网页中可使用JSSDK 1.3.0提供的接口,可坑就来了,居然不支持支付接口的调用,...

微信小程序引用iconfont图标的方法

最近在研究微信小程序,自己写demo的时候想要引用巴里巴巴图标库的图标,于是:@font-face { font-family: 'iconfont'; src: url('iconfont.eot'); src: url('iconfont.eot&#63;#...

vue 配置多页面应用的示例代码

前言: 本文基于vue 2.5.2, webpack 3.6.0(配置多页面原理类似,实现方法各有千秋,可根据需要进行定制化)vue 是单页面应用。但是在做大型项目时,单页面往往无法满足我们的需求,因此...

angular 服务的单例模式(依赖注入模式下)详解

angular官方文档单例服务的说明
单例模式就不要说了,懂点设计模式的都懂得,真有不明白的自行百度。
(解释下angular的命名,angular就是angular2+,angular1叫angularjs,至于angular...

Electron-vue脚手架改造vue项目的方法

1. 什么是ElectronElectron可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌面应用而不是 web 服务器的,io.js 的一个变体。这不意...

electron实现qq快捷登录的方法示例

之前本来想不写这个功能的,结果客户死活要qq登录! 实在没办法就写了,顺便写个文章!
在写之前有两个问题:
1: 打开qq授权页面点击页面中的链接会又打开一个页面! .....
2: 授...

ztree加载完成后显示勾选节点的实现代码

zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。介绍zTree 是一个依靠 jQuery 实现的多功能 “树插件”。...

微信开发之微信jssdk录音功能开发示例

项目需求简单描述
用户长按录音,松手后直接结束录音,结束录音后,用户可以选择重新录音、播放刚才的录音,上传录音(这里的上传录音指上传到自己服务器,上传步骤是,前端调用wx.upload...

React SSR样式及SEO的实践

前一篇主要记录了一下SSR配置以及结合Redux的使用。这里简单说一下React SSR中样式处理和更优雅的SEOSSR样式
在React客户端渲染,添加样式很容易。写一个css样式文件,在对应组...

jQuery.validate.js表单验证插件的使用代码详解

ValidateValidate是基于jQuery的一款轻量级验证插件,内置丰富的验证规则,还有灵活的自定义规则接口,HTML、CSS与JS之间的低耦合能让您自由布局和丰富样式,支持input,select,text...

每个 JavaScript 工程师都应懂的33个概念

简介这个项目是为了帮助开发者掌握 JavaScript 概念而创立的。它不是必备,但在未来学习(JavaScript)中,可以作为一篇指南。本篇文章是参照 @leonardomso 创立,英文版项目地址在这...

JavaScript 对引擎、运行时、调用堆栈的概述理解

&#8195;随着JavaScript越来越流行,越来越多的团队广泛的把JavaScript应用到前端、后台、hybrid 应用、嵌入式等等领域。这篇文章旨在深入挖掘JavaScript,以及向大家解释JavaSc...

Vue创建头部组件示例代码详解

Vue.js 组件
组件(Component)是 Vue.js 最强大的功能之一。
组件可以扩展 HTML 元素,封装可重用的代码。具体代码如下所示:<!DOCTYPE html><html><head> <meta charset="utf-8"...

jquery实现动态添加附件功能

本文实例为大家分享了jquery实现动态添加附件的具体代码,供大家参考,具体内容如下
创建HTML页面项目中实现的原代码,无删减直接贴上。具体请参考“添加附件”按钮相关操作。...

详解如何构建Promise队列实现异步函数顺序执行

场景
有a、b、c三个异步任务,要求必须先执行a,再执行b,最后执行c
且下一次任务必须要拿到上一次任务执行的结果,才能做操作
思路
我们需要实现一个队列,将这些异步函数添加进队列...

使用jquery Ajax实现上传附件功能

用过jquery的Ajax的人肯定都知道,Ajax的默认编码方式是”application/x-www-form-urlencoded“,此编码方式只能编码文本类型的数据,因此Ajax发送请求的时候,会把data序列化成 一...

浅谈JavaScript 代码整洁之道

概述
一张幽默的图片:软件质量通过你在阅读代码的时候有多少报怨来进行评估Robert C. Martin 在 《代码整洁之道》 中提到的软件工程原则,同样适用于 JavaScript。这不是一个...

深入理解JavaScript 中的执行上下文和执行栈

如果你是或者想成为一名 JavaScript 开发者,你必须知道 JavaScript 程序内部是如何执行的。理解执行上下文和执行栈对于理解其他 JavaScript 概念(如变量声明提升,作用域和闭包...

彻底弄懂 JavaScript 执行机制

不论你是javascript新手还是老鸟,不论是面试求职,还是日常开发工作,我们经常会遇到这样的情况:给定的几行代码,我们需要知道其输出内容和顺序。因为javascript是一门单线程语言,所...

浅谈Javascript编程风格

Douglas Crockford是Javascript权威,Json格式就是他的发明。去年11月他有一个演讲,谈到了好的Javascript编程风格是什么。我非常推荐这个演讲,它不仅有助于学习Javascript,而且...

详解create-react-app 2.0版本如何启用装饰器语法

create-react-app(简称cra)已经更新之2.0.3版本, babel也更新至7.x版本, JavaScript装饰器语法虽然还不是标准, 但是借助于babel, 也能在项目里愉快的玩耍.cra2.0时代如何启...

详解React 的几种条件渲染以及选择

对于一个展示页面来讲, 通常有好几种展示状态(以列表页为例): 数据为空, 空页面 取数据时发生错误, 错误页面 数据正常 加载状态针对以上三种情况, react渲染列表的时候...

react 兄弟组件如何调用对方的方法示例

最近有一个场景是Child2组件点击让Child1组件里面的state的值发生改变,Child1是一个公用组件,把里面的state值改为props传递,修改内容太多,容易出错,就想找其他的方法来解决兄弟...

React 路由懒加载的几种实现方案

这篇文字简单的介绍了React在路由懒加载方面的几种实现方案。传统的两种方式
import()
符合ECMAScript提议的import()语法,该提案与普通 import 语句或 require 函数的类似,但...

解决JavaScript中0.1+0.2不等于0.3问题

console.log(0.1+0.2===0.3)// true or false&#63;&#63;  在正常的数学逻辑思维中,0.1+0.2=0.3这个逻辑是正确的,但是在JavaScript中0.1+0.2!==0.3,这是为什么呢?这个问题也会...

使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)

现在什么都讲究追赶潮流,觉得 QQ 登录窗口做的效果不错,既然刚学习 electron ,那么就用 electron 模仿一下。其实主要用到的就是 CSS3 的效果:边框圆角、阴影,3D变换。对,就这么简...

jquery分页插件pagination使用教程

pagination使用起来非常的方便。第一步:引入分页需要的js(jquery.pagination.js)和css(pagination.css)pagination插件下载地址第二步:将分页条容器写到页面里(固定代码)<div clas...

vue项目使用微信公众号支付总结及遇到的坑

微信公众号支付1. 使用jssdk调用微信支付,具体查看开发文档;使用的vuex,在mutations中 wechatPay (state, data) { state.payObject = data console.log('微信支付开始...

jquery.pagination.js分页使用教程

简单介绍一下在动态网页里面的jquery.pagination.js分页的使用,具体内容如下添加下载的js和样式,主要是先添加jquery.js 再添加jquery.pagination.js,我这是下载好的,放在本地<l...

jQuery pagination分页示例详解

本文实例为大家分享了jQuery pagination分页示例的具体代码,供大家参考,具体内容如下
前台html<!doctype html><html><head><meta charset="utf-8"> <meta content="width=dev...

vue中的router-view组件的使用教程

开发的时候有时候会遇到比如 点击这个链接跳转到其他组件的情况,氮素,我们不想跳转到新页面,只在当前页面切换着显示,那么就要涉及到路由的嵌套了,也可以说是子路由的使用。比如...

vue项目引入Iconfont图标库的教程图解

在进行项目开发过程中,vue项目中前端所使用的UI框架是element ui,但是element的字体图标库不足以满足日常开发的需要,或者公司项目要求使用本公司ui设计的图标,都可以参考以...

JavaScript根据json生成html表格的示例代码

之前公司有一个需求是:通过js来生成html。而且大部分都是生成表格,直接通过字符串拼接的话,代码的可复用性太低的,所以写了个通用的json转html表格的工具。代码
htmlKit = { _t...

使用electron实现百度网盘悬浮窗口功能的示例代码

相关依赖里面使用了vuex vue vue-route storeJsstoreJs 用来持久化vuex状态展示
介绍说明没有使用electron内置的-webkit-app-region: drag 因为使用他那个有很多问题
比如...

详解JavaScript中typeof与instanceof用法

今天写JS代码,遇到动态生成多个名称相同的input复选按钮需要判断其是否是数组,用到了if (typeof(document.MapCheckMgr.checkid)!="undefined")以前用得少,就顺便查了一下关于t...

深入理解JavaScript的值传递和引用传递

JavaScript有5种基本的数据类型,分别是:布尔、null、undefined、String和Number。这些基本类型在赋值的时候是通过值传递的方式。值得注意的是还有另外三种类型: Array、Funct...

vue 属性拦截实现双向绑定的实例代码

下面通过代码给大家介绍vue 属性拦截实现双向绑定,具体代码如下所示:let obj = {}let get = ''Object.defineProperty(obj, 'get', { set: function(val) { document.getEleme...

vue+axios 前端实现登录拦截的两种方式(路由拦截、http拦截)

一、路由拦截登录拦截逻辑第一步:路由拦截首先在定义路由的时候就需要多添加一个自定义字段requireAuth,用于判断该路由的访问是否需要登录。如果用户已经登录,则顺利进入路由,...

vue-cli V3.0版本的使用详解

vue-cli 3.0版本目前官网上还不是3.0版本,所以需要在github上面学习使用:github网站:https://github.com/vuejs/vue-cli/tree/dev/docs1、项目搭建(1)、在上面的GitHub网页中,拉到...

小程序云开发初探(小结)

云开发是微信平台新开放的功能,为开发者提供集成了服务器,数据库和资源存储的云服务。本文将基于官方文档,以一个小例子来作为探索云开发的相关功能。云开发官方文档一、新建云...

js中获取URL参数的共用方法getRequest()方法实例详解

下面通过一段代码给大家介绍js中获取URL参数的共用方法getRequest()方法,具体代码如下所示:getRequest : function() { var url = location.search; //获取url中"&#63;"符...

vue项目中使用Svg的方法

github demo: github地址闲聊背景本文主要以 vue-cli3 搭建的项目为例,来聊一下如何在项目中更优雅的使用 svg 。众所周知, vue-cli3 已经推出很长一段时间了,大家可以感受一下...

如何实现一个webpack模块解析器

最近在学习 webpack源码,由于源码比较复杂,就先梳理了一下整体流程,就参考官网的例子,手写一个最基本的 webpack 模块解析器。代码很少,github地址:手写webpack模块解析器 整体流...

webpack打包非模块化js的方法

本文主要记录了非模块化js如何使用webpack打包模块化打包实现方式webpack是模块打包工具,通过入口文件递归遍历其依赖图谱,绝对是打包神器。bar.js
export default function b...

jQuery+Datatables实现表格批量删除功能【推荐】

Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。最近遇到这样的需求要求把表格批量删除。下面通过实例代码给大家介绍下。...

返回顶部
顶部