js实现1,2,3,5数字按照概率生成
js按照配置的概率生成，概率规则如下：
1------------50%2------------30%3------------15%5------------5%简单的代码function myRandom() { var rand = Math.random(); if (ra...
2020-05-27
JS鼠标3次点击事件实现代码及扩展思路
这几天看了一下JavaScript高级程序设计中的Dom事件相关内容，同时看到网上有关鼠标多次点击事件，鼠标事件是简单、常用的事件之一，于是便针对点击事件进行一些小的扩展和实现，增...
2020-05-27
js Date()日期函数浏览器兼容问题解决方法
一般 直接new Date() 是不会出现兼容性问题的，而 new Date(datetimeformatstring) 常常会出现浏览器兼容性问题，为什么，datetimeformatstring中的某些格式浏览器不兼容。1. 无...
2020-05-27
js 倒计时（高效率服务器时间同步）
方案1：每次倒计时去服务端请求时间//开启定时器var timer = setInterval(function () { //执行请求，获取当前服务端时间并进行相应操作}, 1000);这个方案对于稍微有点经验...
2020-05-27
Js利用Canvas实现图片压缩功能
最近做的APP项目涉及到手机拍照上传图片，因为手机拍照的图片通常都比较大，所以上传的时候就会很慢。为此，需要对图片进行压缩处理来优化上传功能。以下是具体实现：/* * 图片压...
2020-05-27
JS解决IOS中拍照图片预览旋转90度BUG的问题
上篇文章【Js利用Canvas实现图片压缩功能】中做了图片压缩上传，但是在IOS真机测试的时候，发现图片预览的时候自动逆时针旋转了90度。对于这个bug，我完全不知道问题出在哪里，接下...
2020-05-27
详解angularJS+Ionic移动端图片上传的解决办法
前端开发中经常会碰到图片上传的问题，网上的解决办法很多，可是有些图片上传的插件会有一些附属的插件，因此因为一个图片上传的问题可能额需要引入其他插件到项目中，久而久之项目...
2020-05-27
jquery 键盘事件的使用方法详解
jquery 键盘事件的使用方法详解jQuery处理键盘事件有三个函数,根据事件发生的顺序分别是:
jquery 代码：
1. keydown();
2. keyup();
3. keypress();
keydown()
keydow...
2020-05-27
VUE实现一个分页组件的示例
分页是WEB开发中很常用的功能，尤其是在各种前后端分离的今天，后端API返回数据，前端根据数据的count以及当前页码pageIndex来计算分页页码并渲染到页面上已经是一个很普通很常见...
2020-05-27
利用JS如何计算字符串所占字节数示例代码
前言在工作中是不是经常会遇到字符串，但是要求控制字节数的需求？因为很多时候数据库中对字节数有控制，所以在前端过程中就需要判断一下，今天我们来分享一下。本文主要给大家介绍...
2020-05-27
Vue 滚动行为的具体使用方法
滚动行为
使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。 vue-router 能做到，而且更好，它让你可以自定义路由切换时页面如何...
2020-05-27
Vue-Router进阶之滚动行为详解
滚动行为
使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。 vue-router 能做到，而且更好，它让你可以自定义路由切换时页面如何...
2020-05-27
JS库之Particles.js中文开发手册及参数详解
因为自己需要做产品，所以一个好的UI界面也是很重要的，发现这种散射的原子颗粒特效还不错，就弄了一个官方github：https://github.com/VincentGarreau/particles.js/demo制作器，注...
2020-05-27
基于Particles.js制作超炫粒子动态背景效果(仿知乎)
好久没登录知乎，发现他们的登录页面粒子动态效果蛮炫的，查一下代码用了Particles.js基于Canvas画布创建粒子颗粒效果。上图上图:
感觉有比格，就照着弄了一个,玩玩。github: ht...
2020-05-27
详解vue-router 路由元信息
一、背景
之前写前端都是后端返回界面，跳转神马的完全不用自己操心，但是这次用 vue 写的前端，第一次前后端分离，后端只给前端提供数据接口，一开始还想着是后端控制界面的渲染神...
2020-05-27
JS库中的Particles.js在vue上的运用案例分析
知乎的首页后面的粒子动效总觉得很炫酷，搜了一下，发现是用particles.js编写的。刚好目前的项目是利用vue框架的，两个凑在一起学了。讲道理，这个用得好的话，页面是可以很酷的，譬如...
2020-05-27
详解VueRouter进阶之导航钩子和路由元信息
导航钩子
vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的, 单个路由独享的, 或者组件级的。全局钩子你可以...
2020-05-27
JS库之Three.js 简易入门教程(详解之一)
开场白webGL可以让我们在canvas上实现3D效果。而three.js是一款webGL框架，由于其易用性被广泛应用。如果你要学习webGL，抛弃那些复杂的原生接口从这款框架入手是一个不错的选...
2020-05-27
Angular CLI 安装和使用教程
背景介绍
关于Angular版本，Angular官方已经统一命名Angular 1.x同一为Angular JS；Angular 2.x及以上统称Angular；CLI是Command Line Interface的简写，是一种命令行接口，实现自动...
2020-05-27
使用Fullpage插件快速开发整屏翻页的页面
我们经常看过一些整屏翻页的网站，看上去很高大上对于一些同学来说如果要原生的去开发可能还是有很大难度的。今天我给大家介绍Fullpage插件，也能达到这一个效果。下面我给同学...
2020-05-27
BootStrap数据表格实例代码
首先初始化页面$(function(){ $('#archives-table').bootstrapTable({ url: "/coinSend/list",//数据源 dataField: "rows",//服务端返回数据键值 就是说记录放的键值...
2020-05-27
基于vue的短信验证码倒计时demo
最近做了一个小的demo，分享给大家，在很多地方都能用到。一般获取短信验证码的时候会用到这个demo：button里面包两个span标签，根据点击状态，显示不同的span，关键代码就是倒计时： <di...
2020-05-27
详解React Native开源时间日期选择器组件(react-native-datetime)
项目介绍
该组件进行封装一个时间日期选择器,同时适配Android、iOS双平台，该组件基于@remobile/react-native-datetime-picker进行开发而来配置安装npm install react-native...
2020-05-27
JS库particles.js创建超炫背景粒子插件(附源码下载)
插件描述：particles.js用于创建粒子的轻量级 JavaScript 库。 查看 效果 源码下载使用加载 particles.js和配置粒子<div id="particles-js"></div><script...
2020-05-27
JS库之Waypoints的用法详解
一款用于捕获各种滚动事件的插件?Waypoints。同时Waypoints还支持固定元素和无限滚动的功能，功力十分强大。一、最简易的使用<!DOCTYPE html><html lang="en"><head> <m...
2020-05-27
强大的JavaScript响应式图表Chartist.js的使用
Chartist.js是一个非常简单而且实用的JavaScript前端图表生成器，它支持SVG格式，图表数据转换十分灵活，同时也支持多种图表展现形式，不失为一款前端开发者的开发利器。Chartist.j...
2020-05-27
详解wow.js中各种特效对应的类名
一、（页面在向下滚动的时候，有些元素会产生细小的动画效果。虽然动画比较小，但却能吸引你的注意。）刚知道wow.js这个插件，之前访问别的网站下拉滚动条会出现各种效果感觉特别神奇...
2020-05-27
JS库之Highlight.js的用法详解
官网：https://highlightjs.org/下载地址：https://highlightjs.org/download/下载到本地后，新建个页面测试1、在head中加入css和js的引用<head> <title>highlight</title> <...
2020-05-27
详解动画插件wow.js的使用方法
本文介绍了动画插件wow.js的使用方法 ，具体如下，分享给大家1,下载文件
animate.css 下载地址: http://daneden.github.io/animate.css/wow.min.js 下载地址: http://www.down...
2020-05-27
JS库 Highlightjs 添加代码行号的实现代码
Highlightjs是一款优秀的代码高亮Js组件，可以很方便地对各种语言编写的代码添加语法高亮样式。然而，Highlightjs默认是不包括显示代码行号（Line Number）这一特性的，不过可以通过...
2020-05-27
JSON 数据格式详解
基础结构JSON建构于两种结构：1. “名称/值”对的集合（A collection of name/value pairs）。不同的语言中，它被理解为对象（object），记录（record），结构（struct），字典（dictionary），哈希表（hash t...
2020-05-27
使用SVG基本操作API的实例讲解
前面的话本文将详细介绍SVG基本操作API，并使用这些API制作实例效果基础API在javascript中，可以使用一些基本的API来对SVG进行操作【NS地址】因为SVG定义在其自身的命令空间下，...
2020-05-27
对于js垃圾回收机制的理解
原理找到不再被使用的变量，然后释放其占用的内存，但这个过程不是时时的，因为其开销比较大，所以垃圾回收器会按照固定时间间隔周期性的执行回收方式a.标记清除当变量进入环境时，将...
2020-05-27
Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)
在git命令行下，执行以下命令完成环境的搭建：1，npm install --global vue-cli 安装vue命令行工具2，vue init webpack vue-demo 使用vue命令生成一个webpack项目，项目名称为vue-dem...
2020-05-27
Vue2.0基于vue-cli+webpack同级组件之间的通信教程(推荐)
我们接着上文继续，本文我们讲解兄弟组件的通信，项目结构还是跟上文一样.在src/assets目录下建立文件EventHandler.js，该文件的作用在于给同级组件之间传递事件EventHandler.js...
2020-05-27
JavaScript使用atan2来绘制箭头和曲线的实例
最近搞Canvas绘图，知道了JavaScript中提供了atan2(y,x)这样一个三角函数。乍眼一看，不认识，毕竟在高中时，学过的三角函数有：sin,cos,arcsin,arccos,tan,arctan等，并没有这个。而工...
2020-05-27
基于Vue过渡状态实例讲解
前面的话Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢？包括数字和运算、颜色的显示、SVG 节点的位置、元素的大小和其他...
2020-05-27
基于js中document.cookie全面解析
什么是cookie?cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie...
2020-05-27
利用jsonp与代理服务器方案解决跨域问题
前言本文将从实践角度介绍如何使用jsonp和代理服务器方案解决跨域问题，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。浏览器为了保护用户安全，引入了同源策...
2020-05-27
gulp教程_从入门到项目中快速上手使用方法
gulp是什么？gulp 是基于 node 实现 Web 前端自动化开发的工具，利用它能够极大的提高开发效率。在 Web 前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。而这些工作都是...
2020-05-27
基于node.js express mvc轻量级框架实践
本文记录的是笔者最近抽私下时间给朋友做的一个时时彩自动下注系统，比较简单，主要也是为了学习一下node.js。其实逻辑没什么可以深谈的，主要是想说说这套代码结构。结构如下图：j...
2020-05-27
浅谈JavaScript中的属性:如何遍历属性
在JavaScript中，遍历一个对象的属性往往没有在其他语言中遍历一个哈希(有些语言称为字典)的键那么简单。这主要有两个方面的原因：一个是,JavaScript中的对象通常都处在某个原...
2020-05-27
Angularjs 1.3 中的$parse实例代码
这次我们来看一下angular的Sandboxing Angular Expressions。关于内置方法的，核心有两块：Lexer和Parser。其中大家对$parse可能更了解一点。好了不多废话，先看Lexer的内部结构：1...
2020-05-27
详解React Native顶|底部导航使用小技巧
导航一直是App开发中比较重要的一个组件，ReactNative提供了两种导航组件供我们使用，分别是：NavigatorIOS和Navigator，但是前者只能用于iOS平台，后者在ReactNative0.44版本以后已...
2020-05-27
日期时间范围选择插件:daterangepicker使用总结(必看篇)
分享说明：项目中要使用日期时间范围选择对数据进行筛选；精确到年月日 时分秒；起初,使用了layui的时间日期选择插件；但是在IIE8第一次点击会报设置格式错误；研究了很久没解决，但能...
2020-05-27
用JS编写一个函数,返回数组中重复出现过的元素(实例)
用JS编写一个函数，返回数组中重复出现过的元素，见下面的代码：var arr = [1, 2, 3, 1, 2, 3, 4, 5]; var getRepeat = function (arr) { var obj = {}; for (var i = 0,...
2020-05-27
说说AngularJS中的$parse和$eval的用法
AngularJS的初学者常常会对$parse和$eval两个内建服务感到有些困惑，今天我们就来说说AngularJS中的$parse和$eval。总的来说，$parse和$eval都是作用于AngularJS的表达式。什么...
2020-05-27
浅谈angular.copy() 深拷贝
因为项目中需要拷贝，查阅angularjs API文档，发现对angular.copy() 的解释：复制一个对象或者一个数组（好吧，万物皆对象，数组也是一个对象）。
1> 如果省略了destination，一个新的对象...
2020-05-27
angular.extend方法的具体使用
AngularJs的angular.extend()方法可以把一个或多个对象中的方法和属性扩展到一个目的对象中，使得这个对象拥有其他对象相同的方法和属性，如下图所示。angular.extends()方法的...
2020-05-27
nodejs socket服务端和客户端简单通信功能
本文实例讲述了通过node.js的net模块实现nodejs socket服务端和客户端简单通信功能，可以用作客户端对服务端的端口监听以及事件回执。server端代码var net = require('net');...
2020-05-27
