JS闭包原理与应用经典示例

本文实例讲述了JS闭包原理与应用。分享给大家供大家参考,具体如下:一、先来看一个例子:function foo() { var a = 10; function bar() { a *= 2; return a; } re...

JS闭包经典实例详解

本文实例讲述了JS闭包。分享给大家供大家参考,具体如下:之前花了很多时间看书上对闭包的介绍,也看了很多人的写的关于闭包的博客,然后我就以为自己懂了。结果,下午在一个QQ群里,有...

fetch 如何实现请求数据

一 序言在 传统Ajax 时代,进行 API 等网络请求都是通过XMLHttpRequest或者封装后的框架进行网络请求,然而配置和调用方式非常混乱,对于刚入门的新手并不友好。今天我们介绍的F...

element-ui table span-method(行合并)的实现代码

element-ui官网中关于行合并的例子是根据行号进行合并的,这显然不符合我们日常开发需求,因为通常我们table中的数据都是动态生成的,所以需要做一些修改。我们首先解读一下官网...

cocos2dx+lua实现橡皮擦功能

游戏中刮刮乐是怎么实现的?做了一个小例子看了一下。实现原理:随着触摸点的移动,通过setBlendFunc函数设置部分区域的颜色混合(将上层图片透明度为0,底层我们想要的图片就显示出...

浅谈Fetch 数据交互方式

获取资源很简单,发起一个请求出去,一个响应进来,然后该怎么操作就怎么操作。
fetch 的 api 使用的是 promise 规范,不会 promise(用于延迟(deferred) 计算和异步(asynchronous )...

Cocos2d实现刮刮卡效果

本文实例为大家分享了Cocos2d实现刮刮卡效果展示的具体代码,供大家参考,具体内容如下
本文代码适用于Cocos2d-x Quick-Community3.6local TestScene = class("TestScene", fun...

浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验

引言Memory Leak 是最难排查调试的 Bug 种类之一,因为内存泄漏是个 undecidable problem,只有开发者才能明确一块内存是不是需要被回收。再加上内存泄漏也没有特定的报错信息,...

js canvas实现橡皮擦效果

本文实例为大家分享了canvas实现橡皮擦效果的具体代码,供大家参考,具体内容如下html部分<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html" c...

详解如何使用node.js的开发框架express创建一个web应用

搭建环境1.安装Express按键:Windows+R=>输入cmd,打开命令行,输入npm install -g express@3我们需要用全局模式安装Express,因为只有这样,我们才能在命令行中使用它注意:这里我只...

使用puppeteer爬取网站并抓出404无效链接

检查网页无效链接
前言自动化技术可以帮助我们做自动化测试,同样也可以帮助我们完成别的事情,比如今天我们要做的检查网站404无效链接。原理实现这样的功能,大致分为以下步骤: 1...

微信小程序实现发送验证码按钮效果

本文实例为大家分享了微信小程序发送验证码按钮效果展示的具体代码,供大家参考,具体内容如下首先上图,最终效果如下:实现关键点
获取验证码按钮无边框: 可以用 button::after{...

微信小程序实现随机验证码功能

本文实例为大家分享了微信小程序实现随机验证码的具体代码,供大家参考,具体内容如下
效果图:小程序上经常会有一些注册 申请页面需要用到随机验证码。具体实现方法不多说 直接...

微信小程序自定义键盘 内部虚拟支付

本文实例为大家分享了微信小程序自定义键盘的具体代码,供大家参考,具体内容如下先看效果图 :微信支付的话,调用微信支付接口是有自己的小键盘的,因为小程序没有内部键盘,所以有时...

vue favicon设置以及动态修改favicon的方法

最近写公司项目时,动态更新favicon动态更新之前需要有一个默认的favicon。目前vue-cli搭建的vue项目里面已经有了一个static文件夹,存放静态文件。favicon图片放到该文件夹下...

JS执行控制之节流模式实例分析

本文实例讲述了JS执行控制之节流模式。分享给大家供大家参考,具体如下:节流模式:对重复的业务逻辑进行控制,执行最后一次操作,并取消其他操作,以提高性能。重复的业务逻辑真的很让...

angularjs http与后台交互的实现示例

1.描述
无论是使用angularjs做前端或是结合ionic混合开发移动端开发app都需要与后台进行交互,而angular给我提供了httpModule模块供我们使用。今天就展现一个http的封装和使...

JS实现的四叉树算法详解

本文实例讲述了JS实现的四叉树算法。分享给大家供大家参考,具体如下:最近在看canvas动画方面教程,里面提到了采用四叉树检测碰撞。之前也看到过四叉树这个名词,但是一直不是很懂...

vue中eslintrc.js配置最详细介绍

本文是对vue项目中自带文件eslintrc.js的内容解析,
介绍了各个eslint配置项的作用,以及为什么这样设置。
比较详细,看完能对eslint有较为全面的了解,基本解除对该文件的疑惑。/*...

JS二级菜单不同实现方法分析【4种方法】

本文实例讲述了JS二级菜单不同实现方法。分享给大家供大家参考,具体如下:之前面试的时候被问到过一次,后来,在笔试的时候又遇到了,为了长点记性,就决定把这个好好写写。第一种:第一...

浅谈Vue服务端渲染框架Nuxt的那些事

Vue因其简单易懂的API、高效的数据绑定和灵活的组件系统,受到很多前端开发人员的青睐。国内很多公司都在使用vue进行项目开发,我们正在使用的简书,便是基于Vue来构建的。我们知...

vue项目设置scrollTop不起作用(总结)

今天在开发中,遇到这样一个情景。一个页面中有三个模块,每个模块对应一个标题,每个模块内容都很长,所以需要点击当前模块对应的标题滚动到模块所在位置。
我想的方案是获取到每...

傻瓜式vuex语法糖kiss-vuex整理

前言
vuex 作为 vue 框架状态数据管理模块,诞生已有些许年头,它的出现很好地解决了兄弟组件响应式状态数据通信的问题。但是,vuex 的学习是一定门槛的,同时其声明和使用方式有一...

Element input树型下拉框的实现代码

1.效果图1.1 input聚焦时显示下拉框,再次点击下拉框或点击其他处下拉框消失,主要靠z-index添加遮罩实现1.2 实时过滤效果2.代码 ( vue.js + element-ui )2.1 html <el-form :m...

iview实现select tree树形下拉框的示例代码

本文介绍了iview实现select tree树形下拉框的示例代码,分享给大家,具体如下:html部分
<Tree :data="treeData" ref="tree" :render="renderContent"></Tree>数据部分export con...

JavaScript实现的鼠标跟随特效示例【2则实例】

本文实例讲述了JavaScript实现的鼠标跟随特效。分享给大家供大家参考,具体如下:鼠标是现在电脑的基本配置之一,也是最常用的输入命令的工具之一。本文将将一些与鼠标有关系的特...

JavaScript文本特效实例小结【3个示例】

本文实例讲述了JavaScript文本特效。分享给大家供大家参考,具体如下:1、标题跑马灯常常能够在一些新闻网站,或者其他地方,看到文字在一个特定的区域内,来回滚动。一旦超出边界就...

JavaScript时间日期操作实例小结【5个示例】

本文实例讲述了JavaScript时间日期操作。分享给大家供大家参考,具体如下:本来想在网上找一些js实例来练练手,结果发现一本书《突破JavaScript编程实例五十讲》,看了下内容还不错...

jQuery实现侧边栏隐藏与显示的方法详解

本文实例讲述了jQuery实现侧边栏隐藏与显示的方法。分享给大家供大家参考,具体如下:web项目中经常会出现左侧侧边栏,右侧显示内容的web页面。效果如图:如何实现点击本周食谱,本周...

JavaScript基于数组实现的栈与队列操作示例

本文实例讲述了JavaScript基于数组实现的栈与队列操作。分享给大家供大家参考,具体如下:栈数据结构:1、 后进先出 队列在列表的尾端添加项,从列表的尾端移除项队列图:实现代码:var...

基于webpack4.X从零搭建React脚手架的方法步骤

项目初始化
$ npm init安装webpack
本次创建是基于webpack4
$ npm install --save-dev新建webpack配置文件在根目录创建build文件夹,添加一个js文件,命名为webpack.base.conf....

优雅的elementUI table单元格可编辑实现方法详解

最近在做可编辑特定列的单元格的elementUI table,看了N多的开源、文章,找到一个很优雅的实现方式,分享给大家。
PS:单元格可编辑的table,用英文搜索:Inline editable table with...

理解vue ssr原理并自己搭建简单的ssr框架

前言大多数Vue项目要支持SSR应该是为了SEO考虑,毕竟对于WEB应用来说,搜索引擎是一个很大的流量入口。Vue SSR现在已经比较成熟了,但是如果是把一个SPA应用改造成SSR应用,成本还...

小程序实现人脸识别功能(百度ai)

本文介绍了小程序实现人脸识别功能,分享给大家,具体如下:文档中心:https://ai.baidu.com/docs#/Begin/a2bbf4b2
接入流程
1. 按照文档获取AppID、API Key、Secret Key,进行Access...

vue-router启用history模式下的开发及非根目录部署方法

为什么要有 hash 和 history对于 Vue 这类渐进式前端开发框架,为了构建 SPA(单页面应用),需要引入前端路由系统,这也就是 Vue-Router 存在的意义。前端路由的核心,就在于 —— 改...

微信小程序获取用户openid的实现

1、wx.login(OBJECT)调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的 会话密钥(session_key)。用户数据的加解密通讯需要依赖会话密钥...

@angular前端项目代码优化之构建Api Tree的方法

前颜(yan)在前端项目的开发过程中,往往后端会给到一份数据接口(本文简称api),为了减少后期的维护以及出错成本,我的考虑是希望能够找到这么一种方法,可以将所有的api以某种方式统一...

详解如何在vscode里面调试js和node.js的方法步骤

在开发的过程中,几乎不可能一次性就能写出毫无破绽的程序,断点调试代码是一个普遍的需求。作为前端开发工程师,以往我们开发的JavaScript程序都运行在浏览器端,利用Chrome提供的...

nodejs中方法和模块用法示例

本文实例讲述了nodejs中方法和模块用法。分享给大家供大家参考,具体如下:在nodejs中方法的调用是怎样的呢? 一起来愉快的写代码吧 。var express = require("express");var app...

node错误处理与日志记录的实现

node项目中的错误处理
node中Error对象的使用
使用captureStackTrace方法加入自带的错误信息// Error对象自带的属性Error.captureStackTrace// 如何使用captureStackTracev...

原生js实现Flappy Bird小游戏

这是一个特别简单的用原生js实现的一个小鸟游戏,比较简单,适合新手练习。html结构<div id="game"> <div id="bird"></div></div>css样式#game { width: 800px; height:...

jQuery实现的简单日历组件定义与用法示例

本文实例讲述了jQuery实现的简单日历组件定义与用法。分享给大家供大家参考,具体如下:说到日历组件,网上一搜一大堆,各种插件啊、集成框架啊实在不少。但是插件有的不合需求,框架...

Vue.js组件高级特性实例详解

本文实例讲述了Vue.js组件高级特性。分享给大家供大家参考,具体如下:1 递归为组件设置 name 属性,这个组件就可以在自身的模板内递归调用自己。html:<div id="app"> <deniro-co...

如何使用electron-builder及electron-updater给项目配置自动更新

说明:
本文的自动更新功能使用的项目为 electron-vue 脚手架搭建一个默认项目。
参考的文章如下: electron-vue 中文文档 electron-builder 文档 Windows 下支持自动更新...

Windows下支持自动更新的Electron应用脚手架的方法

前言
之前写过一篇关于 Windows 下通过 Electron 自带的 autoUpdater 实现应用自动更新的文章,很多小伙伴私信问我要具体实现代码,不过因为之前一直很忙(还有懒...)。
这两周正...

Electron autoUpdater实现Windows安装包自动更新的方法

前言
Electron帮助我们突破浏览器的界限,通过Electron构建的桌面应用拥有各种浏览器应用梦寐以求的能力。
Electron提供的autoUpdater还可以帮助我们实现桌面应用的自动更新...

bootstrap table实现合并单元格效果

本文实例为大家分享了客户端运用bootstrapTable 的mergeCells属性合并单元格来达到报表分析展示的直观效果。JavaScript代码声明mergeCells函数,如:/** * 合并单元格 * @param...

Nodejs模块的调用操作实例分析

本文实例讲述了Nodejs模块的调用操作。分享给大家供大家参考,具体如下:User.js//构造方法function User(id, name, age) { this.id = id; this.name = name; this.age = ag...

Nodejs处理异常操作示例

本文实例讲述了Nodejs处理异常操作。分享给大家供大家参考,具体如下:Exception.jsmodule.exports = { expfun: function(flag) { if(flag == 0) { throw '我是error'...

详解vuex commit保存数据技巧

vuex 单向数据流,推荐的commit 改变state数据,写起来非常繁琐,因为改数据可能要写很多commit函数。依据我的理解,单向数据流主要是为了避免数据混乱,便于调试。 说白了,就是一个数...

返回顶部
顶部