深入研究React中setState源码
React作为一门前端框架，虽然只是focus在MVVM中的View部分，但还是实现了View和model的绑定。修改数据的同时，可以实现View的刷新。这大大简化了我们的逻辑，只用关心数据流的变化，...
2020-05-27
五步轻松实现JavaScript HTML时钟效果
学了一段时间的HTML、CSS和JS后，给大家做一款漂亮的不像实力派的HTML时钟，先看图：涉及到的知识点有： CSS3动画、DOM操作、定时器、圆点坐标的计算（好多人是不是已经还给自己的老...
2020-05-27
Vue2.0设置全局样式(less/sass和css)
为Vue设置全局样式需要几个步骤(如果是sass将less改成sass即可)第一步：在src目录下的main.js,也就是入口文件里面添加下面代码require('!style-loader!css-loader!less-loade...
2020-05-27
JavaScript canvas实现围绕旋转动画
使用canvas的convas来实现围绕旋转动画，外圈顺时针，里层逆时针代码demo链接地址：代码demo链接地址html文件
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">...
2020-05-27
基于JavaScript实现五子棋游戏
本文实例为大家分享了js实现五子棋的具体代码，供大家参考，具体内容如下思路：1、先用canvas画五子棋的棋盘
2、获取鼠标点击的位置
3、根据鼠标点击的位置判断，并画棋子
4、根据...
2020-05-27
基于jquery实现五星好评
在电商网站，我们经常会用到五星评分的功能，现在用jQuery实现一个简单的demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>五角星评分案例</t...
2020-05-27
浅谈Emergence.js 检测元素可见性的 js 插件
Emergence.js 是一个轻量级，高性能的 JS 插件，用于检测和操作浏览器中的元素。这个插件被设计为允许根据浏览器中的可见性对元素进行操作。它使开发人员可以自由使用自己的 CS...
2020-05-27
jQuery实现checkbox的简单操作
对复选框组的全选、全不选、不全选，获取选中的复选框的值的操作1.点击全选按钮，复选框组全部选中或者全部取消。
2.实现全选按钮和复选框组的联动，当复选框组中有一个没有被选...
2020-05-27
NodeJS实现视频转码的示例代码
视频转码就是一个先解码，再编码的过程，从而将原来的视频转换成我们需要的视频。这种转换可能包括各式(mp4/avi/flv等)、分辨率、码率、帧率等。
传统的视频转码中，很常用的工具...
2020-05-27
VUE element-ui 写个复用Table组件的示例代码
饿了么的table组件功能很强大，对于项目中的各种表格基本够用，但是……个人对于它以列为单位的操作不习惯 =。=所以改成了另一种方式（我不会告诉你其实本质没变）。
项目中表格较...
2020-05-27
Angular中支持SCSS的方法
scss介绍
SCSS 是 Sass 3 引入新的语法，其语法完全兼容 CSS3，并且继承了 Sass 的强大功能。也就是说，任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件。另外，SCSS 还...
2020-05-27
如何编写一个完整的Angular4 FormText 组件
本文主要介绍了如何编写一个完整的Angular4 FormText 组件，分享给大家，也给自己留个笔记组件定义
import { Component, Output, Input, forwardRef, EventEmitter} from '@ang...
2020-05-27
js实现rem自动匹配计算font-size的示例
实际开发过程中，我们经常会被各种宽度，高度计算搞晕。尤其是使用了rem的计算方式，自适应布局难倒一大片程序员。为了解决这类问题，我觉得可以利用js监听屏幕宽度变化来实现更改H...
2020-05-27
gulp安装以及打包合并的方法教程
前言gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不...
2020-05-27
原生JavaScript实现Ajax异步请求
在前端页面开发的过程中，经常使用到Ajax请求，异步提交表单数据，或者异步刷新页面。一般来说，使用Jquery中的$.ajax，$.post，$.getJSON，非常方便，但是有的时候，我们只需要ajax功能，这样...
2020-05-27
使用DataTable插件实现异步加载数据
table部分代码<table class="table table-bordered table-striped" id="table-main"> <thead> <tr> <th>用户名</th> <th>渠道名</th> <th>游戏名</th> <th>...
2020-05-27
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
发现问题
最近在项目中用到了 canvas 的 toDataURL 方法来获取图片的 base64 格式数据，用以上传到后台。由于之前也遇到过 canvas 被跨域图片污染不能获取数据的坑，因此这回一...
2020-05-27
利用three.js画一个3D立体的正方体示例代码
简介three.js 是一款WebGL框架，WebGL可以让我们在canvas上实现3D效果。实现3D效果在国内来说还算是比较新的东西，可供查阅的资料也不多。这篇文章仅是一个入门篇，介绍如何绘制...
2020-05-27
Node.js 中使用 async 函数的方法
借助于新版 V8 引擎，Node.js 从 7.6 开始支持 async 函数特性。今年 10 月 31 日，Node.js 8 也开始成为新的长期支持版本，因此你完全可以放心大胆地在你的代码中使用 async 函...
2020-05-27
利用canvas中toDataURL()将图片转为dataURL(base64)的方法详解
将图片转为base64的好处将图片转换为Base64编码，可以让你很方便地在没有上传文件的条件下将图片插入其它的网页、编辑器中。 这对于一些小的图片是极为方便的，因为你不需要再...
2020-05-27
解读ES6中class关键字
class是es6引入的最重要特性之一。在没有class之前，我们只能通过原型链来模拟类。1 、介绍
//定义类 class Point { constructor(x, y) { this.x = x; this.y = y;...
2020-05-27
使用nodeJs来安装less及编译less文件为css文件的方法
NodeJs使用nodejs安装less以及编译less文件为css文件首先下载nodeJs的安装包，按照步骤，安装nodejs. 链接：http://pan.baidu.com/s/1dEsqYB3 密码：bkkh 这个链接里面有nodejs的...
2020-05-27
详解vue+css3做交互特效的方法
1.前言做项目就难免会开发交互效果或者特效，而我最近开发的项目一直在使用vue，开发技术栈方面，理所当然就使用了vue+css3开发，过程中发现使用vue+css3开发特效，和javascript/jque...
2020-05-27
Vue2 SSR渲染根据不同页面修改 meta
本文主要介绍了Vue2 SSR渲染根据不同页面修改 meta，分享给大家，具体如下：
注意:
经过测试, vue-meta 会导致内存泄漏, 请慎用…
以现在 vue2 的 服务端渲染模式, 都是通过 webp...
2020-05-27
VueJs 搭建Axios接口请求工具
axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征： 从浏览器中创建 XMLHttpRequest
从 node.js 发出 http 请求
支持 Pro...
2020-05-27
Vue 中批量下载文件并打包的示例代码
思路: 用 ajax 将文件下载, 然后用 jszip 压缩文件, 最后用 file-saver 生成文件1. 准备工作安装 3 个依赖: axios, jszip, file-saveryarn add axiosyarn add jszipyarn ad...
2020-05-27
three.js中文文档学习之创建场景
什么是Three.js？ 如果你正在读这篇文章，你可能对Three.js有一定的了解，那我们来简单地介绍下Three.js是什么.
Three.js是一个库，使得WebGL的3D效果在浏览器中运用很容易。而在原...
2020-05-27
浅谈Vue SSR 的 Cookies 问题
一个网站一旦涉及到多用户, 就很难从 Cookies 中逃脱, Vue SSR 的 cookies 也真算是遇到的一个不小的问题, 从开始玩 SSR 开始到现在, 一共想出了3种方案, 从最早的把 Cooki...
2020-05-27
JS写XSS cookie stealer来窃取密码的步骤详解
JavaScript是web中最常用的脚本开发语言，js可以自动执行站点组件，管理站点内容，在web业内实现其他有用的函数。JS可以有很多的函数可以用做恶意用途，包括窃取含有密码等内容的用...
2020-05-27
three.js中文文档学习之通过模块导入
前言本文主要给大家介绍了关于three.js通过模块导入的相关内容，通过 script 标签导入 three.js 是很好的入门并快速运行的方式，对于长期更新的项目有些不足，比如： 你需要手动调...
2020-05-27
详细分析jsonp的原理和实现方式
针对跨域问题，本文主要给大家详细分析一下jsonp的原理，希望能够给你提供到帮助。详细分析jsonp的原理和实现方式一：跨域问题。二，跨域产生的原因Js是不能跨域请求。出于安全考虑...
2020-05-27
详解webpack + react + react-router 如何实现懒加载
在 Webpack 1 中主要是由bundle-loader进行懒加载，而 Webpack 2 中引入了类似于 SystemJS 的System.import语法，首先我们对于System.import的执行流程进行简单阐述： Webpack...
2020-05-27
AngularJS实现自定义指令及指令配置项的方法
本文实例讲述了AngularJS实现自定义指令及指令配置项的方法。分享给大家供大家参考，具体如下：AngularJS自定义指令有两种写法：//第一种angular.module('MyApp',[]).directive('...
2020-05-27
three.js中文文档学习之如何本地运行详解
前言本文属于系列问题，需要的朋友们开始之前可以参考以下的两篇文章：1、three.js中文文档学习之创建场景2、three.js中文文档学习之通过模块导入如果你只是使用程序化的几何体...
2020-05-27
深入理解vuex2.0 之 modules
什么是module？
背景：在Vue中State使用是单一状态树结构，应该的所有的状态都放在state里面，如果项目比较复杂，那state是一个很大的对象，store对象也将对变得非常大，难于管理。
modul...
2020-05-27
jquery ztree实现右键收藏功能
公司用到ztree。近期把工作中需要的做个总结html部分：js和cssjs:
总结以上所述是小编给大家介绍的ztree实现右键收藏功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小...
2020-05-27
Three.js开发实现3D地图的实践过程总结
前言本文主要介绍Three.js的开发基础和基本原理，以及如何实现3D全景图。想在web端实现3D全景图的效果，除了全景图片、WebGL外，还需要处理很多细节。据我所知，目前国外3D全景图比...
2020-05-27
详解Vue2 SSR 缓存 Api 数据
本文介绍了Vue2 SSR 缓存 Api 数据，分享给大家，具体如下：1. 安装缓存依赖: lru-cachenpm install lru-cache --dev2. api 配置文件config-server.jsvar LRU = require('lru-cac...
2020-05-27
详解如何将 Vue-cli 改造成支持多页面的 history 模式
标题可能描述不准确, 大概就是这么个需求:
用 Vue-cli 搭建一个多入口, 多页面的站点, 也就是通过html-webpack-plugin插件会生成多个 .html 文件, 在默认下, 是只有 index....
2020-05-27
jquery中有哪些api jQuery主要API
本文有整理，主要给读者们分享了一些主要的jQuery API，其中包括jQuery 核心函数和方法、jQuery属性参考手册、jQuery CSS操作、jQuery选择器、jQuery文档操作、jQuery筛选操作...
2020-05-27
加载 vue 远程代码的组件实例详解
在我们的 vue 项目中（特别是后台系统），总会出现一些需要多业务线共同开发同一个项目的场景，如果各业务团队向框架中提供一些私有的展示组件，但是这些组件并不能和框架一起打包，因...
2020-05-27
JavaScript内存泄漏的处理方式
下面就是小编整理的关于JS遇到内存泄漏问题时应该采取的处理方式。随着现在的编程语言功能越来越成熟、复杂，内存管理也容易被大家忽略。本文将会讨论JavaScript中的内存泄漏...
2020-05-27
如何选择适合你的JavaScript框架
大家在学习Javascript的时候选择适合自己的JS框架不仅能让写代码的效率大大增加，而且还可以让工作变得不在枯燥，感觉在写代码的时候一直有一个帮手在帮助你。那在如此多的框架...
2020-05-27
JavaScript框架Angular和React深度对比
本文通过从概念和使用思路上的车别，详细给读者分析了Angular和React这两个JavaScript框架的区别之处，希望我们整理的对你有用。Angular和React这两个JavaScript框架可谓红的发...
2020-05-27
laydate日历控件使用方法详解
本文实例为大家分享了laydate日历控件的使用方法，供大家参考，具体内容如下 var start = { elem: '#start_0', format: 'YYYY-MM-DD', max: laydate.now(-1), isti...
2020-05-27
webpack+vue中使用别名路径引用静态图片地址
webpack 的别名好处大家也都了解, 但是 vue 的模板中, 对图片地址使用别名时总出现问题, 很久时间的时间都没找到解决办法, 一度认为是 webpack 的原因...alias: { 'src': p...
2020-05-27
详解Vue + Vuex 如何使用 vm.$nextTick
vm.$nextTick
简单说，因为DOM至少会在当前tick里面的代码全部执行完毕再更新。所以不可能做到在修改数据后并且DOM更新后再执行，要保证在DOM更新以后再执行某一块代码，就必须把...
2020-05-27
Vue + Vue-router 同名路由切换数据不更新的方法
在默认情况下, 同名路由之间的切换, 由于组件可以服用, 放在ready里获取数据, 是不会执行的, 有两种方法可以解决注意: 该问题仅存在于 vue1方法1: 将数据获取放到route.dat...
2020-05-27
jquery ajaxfileupload异步上传插件
本文实例为大家分享了ajaxfileupload异步上传插件的使用方法，供大家参考，具体内容如下服务器端采用struts2来处理文件上传。
所需环境：
jquery.js
ajaxfileupload.js
struts2所...
2020-05-27
jquery-file-upload 文件上传带进度条效果
jQuery File Upload 是一个Jquery图片上传组件，支持多文件上传、取消、删除，上传前缩略图预览、列表显示图片大小，支持上传进度条显示；支持各种动态语言开发的服务器端。效果图...
2020-05-27
