编程开发 - 教程之家

86浏览

0评论

使用InstantClick.js让页面提前加载200ms

前言加速网站加载的方式有很多，在@Roc的推荐下，我找到了这个InstantClick.js，仔细查看了官网的英文文档，发现InstantClick.js有个很好的实现思路(how-it-works)。在访问者点击一...

2020-05-27 12:05:02

80浏览

0评论

详解如何让InstantClick兼容MathJax、百度统计等

之前有网友提及博客上的LaTex（由MathJax实现）坏掉了，其原因是这里使用了instantclick，以达到网页秒开的效果。但由于instantclick不会重新运行位于head部分的JavaScript代码，而很...

2020-05-27 12:05:01

84浏览

0评论

提升页面加载速度的插件InstantClick

通常，我们为了减少DNS的查询时间，我们可以使用dns prefetch为该页面中链接的做解析，提升页面的加载速度。类似的，我们可以在鼠标滑到链接上到点击的时间间隙去加载这个页面，通常...

2020-05-27 12:04:59

58浏览

0评论

关于预加载InstantClick的问题解决方法

昨晚在改造的时候代码高亮没法执行，准确的说是只执行一次，第二次就不执行了。所以发文说明一下，而且大致看了InstantClick的文档，主要还是一个黑名单区域的问题。按我个人的理解...

2020-05-27 12:04:58

75浏览

0评论

JS库之ParticlesJS使用简介

particles.jsA lightweight JavaScript library for creating particles.一个轻量级的创建粒子背景的 JavaScript 库我们先来看一下效果图：标准版：星空版：泡泡版：下雪版：利用...

2020-05-27 12:04:56

86浏览

0评论

JavaScript面向对象精要(上部)

数据类型在JavaScript中，数据类型分为两类：原始类型保存一些简单数据，如true，5等。JavaScript共有5中原始类型:boolean：布尔，值为true或false
number：数字，值为任何整型会浮点数值
s...

2020-05-27 12:04:54

107浏览

0评论

在Vue.js中使用Mixins的方法

一个很常见的场景: 有两个非常相似的组件, 它们拥有非常相似的基本功能, 但是它们之间又有足够的不同的地方, 该如何选择呢? 我们是应该将它们分成两个完全不同的组件呢...

2020-05-27 12:04:52

63浏览

0评论

JavaScript面向对象精要(下部)

构造函数和原型对象构造函数也是函数，用new创建对象时调用的函数，与普通函数的一个区别是，其首字母应该大写。但如果将构造函数当作普通函数调用（缺少new关键字），则应该注意this指...

2020-05-27 12:04:50

82浏览

0评论

js 概率计算(简单版)

核心代码：//7：3运算if(Math.ceil(Math.random()*10)>3){ //占比=7 alert('7'); window.location.href="http://www.baidu.com" rel="external nofollow" ;}else{ //占比=3...

2020-05-27 12:04:48

117浏览

0评论

js数组实现权重概率分配

今天写了一个js控制页面轮播的功能，如果仅仅使用队列很简单，但是考虑到为每一个页面分配权重的是否变的异常复杂，使用switch和if else也无法解决，于是想到使用js数组实现，思路是...

2020-05-27 12:04:46

94浏览

0评论

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 12:04:44

92浏览

0评论

JS鼠标3次点击事件实现代码及扩展思路

这几天看了一下JavaScript高级程序设计中的Dom事件相关内容，同时看到网上有关鼠标多次点击事件，鼠标事件是简单、常用的事件之一，于是便针对点击事件进行一些小的扩展和实现，增...

2020-05-27 12:04:42

77浏览

0评论

js Date()日期函数浏览器兼容问题解决方法

一般直接new Date() 是不会出现兼容性问题的，而 new Date(datetimeformatstring) 常常会出现浏览器兼容性问题，为什么，datetimeformatstring中的某些格式浏览器不兼容。1. 无...

2020-05-27 12:04:40

70浏览

0评论

js 倒计时（高效率服务器时间同步）

方案1：每次倒计时去服务端请求时间//开启定时器var timer = setInterval(function () { //执行请求，获取当前服务端时间并进行相应操作}, 1000);这个方案对于稍微有点经验...

2020-05-27 12:04:37

101浏览

0评论

Js利用Canvas实现图片压缩功能

最近做的APP项目涉及到手机拍照上传图片，因为手机拍照的图片通常都比较大，所以上传的时候就会很慢。为此，需要对图片进行压缩处理来优化上传功能。以下是具体实现：/* * 图片压...

2020-05-27 12:04:36

80浏览

0评论

JS解决IOS中拍照图片预览旋转90度BUG的问题

上篇文章【Js利用Canvas实现图片压缩功能】中做了图片压缩上传，但是在IOS真机测试的时候，发现图片预览的时候自动逆时针旋转了90度。对于这个bug，我完全不知道问题出在哪里，接下...

2020-05-27 12:04:34

64浏览

0评论

详解angularJS+Ionic移动端图片上传的解决办法

前端开发中经常会碰到图片上传的问题，网上的解决办法很多，可是有些图片上传的插件会有一些附属的插件，因此因为一个图片上传的问题可能额需要引入其他插件到项目中，久而久之项目...

2020-05-27 12:04:32

94浏览

0评论

jquery 键盘事件的使用方法详解

jquery 键盘事件的使用方法详解jQuery处理键盘事件有三个函数,根据事件发生的顺序分别是:
jquery 代码：
1. keydown();
2. keyup();
3. keypress();
keydown()
keydow...

2020-05-27 12:04:27

89浏览

0评论

VUE实现一个分页组件的示例

分页是WEB开发中很常用的功能，尤其是在各种前后端分离的今天，后端API返回数据，前端根据数据的count以及当前页码pageIndex来计算分页页码并渲染到页面上已经是一个很普通很常见...

2020-05-27 12:04:25

139浏览

0评论

利用JS如何计算字符串所占字节数示例代码

前言在工作中是不是经常会遇到字符串，但是要求控制字节数的需求？因为很多时候数据库中对字节数有控制，所以在前端过程中就需要判断一下，今天我们来分享一下。本文主要给大家介绍...

2020-05-27 12:04:23

102浏览

0评论

Vue 滚动行为的具体使用方法

滚动行为
使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。 vue-router 能做到，而且更好，它让你可以自定义路由切换时页面如何...

2020-05-27 12:04:21

95浏览

0评论

Vue-Router进阶之滚动行为详解

滚动行为
使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。 vue-router 能做到，而且更好，它让你可以自定义路由切换时页面如何...

2020-05-27 12:04:20

136浏览

0评论

JS库之Particles.js中文开发手册及参数详解

因为自己需要做产品，所以一个好的UI界面也是很重要的，发现这种散射的原子颗粒特效还不错，就弄了一个官方github：https://github.com/VincentGarreau/particles.js/demo制作器，注...

2020-05-27 12:04:19

162浏览

0评论

基于Particles.js制作超炫粒子动态背景效果(仿知乎)

好久没登录知乎，发现他们的登录页面粒子动态效果蛮炫的，查一下代码用了Particles.js基于Canvas画布创建粒子颗粒效果。上图上图:
感觉有比格，就照着弄了一个,玩玩。github: ht...

2020-05-27 12:04:14

119浏览

0评论

详解vue-router 路由元信息

一、背景
之前写前端都是后端返回界面，跳转神马的完全不用自己操心，但是这次用 vue 写的前端，第一次前后端分离，后端只给前端提供数据接口，一开始还想着是后端控制界面的渲染神...

2020-05-27 12:04:12

61浏览

0评论

JS库中的Particles.js在vue上的运用案例分析

知乎的首页后面的粒子动效总觉得很炫酷，搜了一下，发现是用particles.js编写的。刚好目前的项目是利用vue框架的，两个凑在一起学了。讲道理，这个用得好的话，页面是可以很酷的，譬如...

2020-05-27 12:04:09

89浏览

0评论

详解VueRouter进阶之导航钩子和路由元信息

导航钩子
vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的, 单个路由独享的, 或者组件级的。全局钩子你可以...

2020-05-27 12:04:08

88浏览

0评论

JS库之Three.js 简易入门教程(详解之一)

开场白webGL可以让我们在canvas上实现3D效果。而three.js是一款webGL框架，由于其易用性被广泛应用。如果你要学习webGL，抛弃那些复杂的原生接口从这款框架入手是一个不错的选...

2020-05-27 12:04:06

90浏览

0评论

Angular CLI 安装和使用教程

背景介绍
关于Angular版本，Angular官方已经统一命名Angular 1.x同一为Angular JS；Angular 2.x及以上统称Angular；CLI是Command Line Interface的简写，是一种命令行接口，实现自动...

2020-05-27 12:04:05

104浏览

0评论

使用Fullpage插件快速开发整屏翻页的页面

我们经常看过一些整屏翻页的网站，看上去很高大上对于一些同学来说如果要原生的去开发可能还是有很大难度的。今天我给大家介绍Fullpage插件，也能达到这一个效果。下面我给同学...

2020-05-27 12:04:03

94浏览

0评论

BootStrap数据表格实例代码

首先初始化页面$(function(){ $('#archives-table').bootstrapTable({ url: "/coinSend/list",//数据源 dataField: "rows",//服务端返回数据键值就是说记录放的键值...

2020-05-27 12:04:01

94浏览

0评论

基于vue的短信验证码倒计时demo

最近做了一个小的demo，分享给大家，在很多地方都能用到。一般获取短信验证码的时候会用到这个demo：button里面包两个span标签，根据点击状态，显示不同的span，关键代码就是倒计时： <di...

2020-05-27 12:03:59

93浏览

0评论

详解React Native开源时间日期选择器组件(react-native-datetime)

项目介绍
该组件进行封装一个时间日期选择器,同时适配Android、iOS双平台，该组件基于@remobile/react-native-datetime-picker进行开发而来配置安装npm install react-native...

2020-05-27 12:03:58

122浏览

0评论

JS库particles.js创建超炫背景粒子插件(附源码下载)

插件描述：particles.js用于创建粒子的轻量级 JavaScript 库。查看效果源码下载使用加载 particles.js和配置粒子<div id="particles-js"></div><script...

2020-05-27 12:03:56

95浏览

0评论

JS库之Waypoints的用法详解

一款用于捕获各种滚动事件的插件?Waypoints。同时Waypoints还支持固定元素和无限滚动的功能，功力十分强大。一、最简易的使用<!DOCTYPE html><html lang="en"><head> <m...

2020-05-27 12:03:53

121浏览

0评论

强大的JavaScript响应式图表Chartist.js的使用

Chartist.js是一个非常简单而且实用的JavaScript前端图表生成器，它支持SVG格式，图表数据转换十分灵活，同时也支持多种图表展现形式，不失为一款前端开发者的开发利器。Chartist.j...

2020-05-27 12:03:52

100浏览

0评论

详解wow.js中各种特效对应的类名

一、（页面在向下滚动的时候，有些元素会产生细小的动画效果。虽然动画比较小，但却能吸引你的注意。）刚知道wow.js这个插件，之前访问别的网站下拉滚动条会出现各种效果感觉特别神奇...

2020-05-27 12:03:50

115浏览

0评论

JS库之Highlight.js的用法详解

官网：https://highlightjs.org/下载地址：https://highlightjs.org/download/下载到本地后，新建个页面测试1、在head中加入css和js的引用<head> <title>highlight</title> <...

2020-05-27 12:03:48

103浏览

0评论

详解动画插件wow.js的使用方法

本文介绍了动画插件wow.js的使用方法，具体如下，分享给大家1,下载文件
animate.css 下载地址: http://daneden.github.io/animate.css/wow.min.js 下载地址: http://www.down...

2020-05-27 12:03:46

114浏览

0评论

JS库 Highlightjs 添加代码行号的实现代码

Highlightjs是一款优秀的代码高亮Js组件，可以很方便地对各种语言编写的代码添加语法高亮样式。然而，Highlightjs默认是不包括显示代码行号（Line Number）这一特性的，不过可以通过...

2020-05-27 12:03:44

100浏览

0评论

JSON 数据格式详解

基础结构JSON建构于两种结构：1. “名称/值”对的集合（A collection of name/value pairs）。不同的语言中，它被理解为对象（object），记录（record），结构（struct），字典（dictionary），哈希表（hash t...

2020-05-27 12:03:43

100浏览

0评论

使用SVG基本操作API的实例讲解

前面的话本文将详细介绍SVG基本操作API，并使用这些API制作实例效果基础API在javascript中，可以使用一些基本的API来对SVG进行操作【NS地址】因为SVG定义在其自身的命令空间下，...

2020-05-27 12:03:37

248浏览

0评论

对于js垃圾回收机制的理解

原理找到不再被使用的变量，然后释放其占用的内存，但这个过程不是时时的，因为其开销比较大，所以垃圾回收器会按照固定时间间隔周期性的执行回收方式a.标记清除当变量进入环境时，将...

2020-05-27 12:03:35

88浏览

0评论

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 12:03:33

92浏览

0评论

Vue2.0基于vue-cli+webpack同级组件之间的通信教程(推荐)

我们接着上文继续，本文我们讲解兄弟组件的通信，项目结构还是跟上文一样.在src/assets目录下建立文件EventHandler.js，该文件的作用在于给同级组件之间传递事件EventHandler.js...

2020-05-27 12:03:29

85浏览

0评论

JavaScript使用atan2来绘制箭头和曲线的实例

最近搞Canvas绘图，知道了JavaScript中提供了atan2(y,x)这样一个三角函数。乍眼一看，不认识，毕竟在高中时，学过的三角函数有：sin,cos,arcsin,arccos,tan,arctan等，并没有这个。而工...

2020-05-27 12:03:28

81浏览

0评论

基于Vue过渡状态实例讲解

前面的话Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢？包括数字和运算、颜色的显示、SVG 节点的位置、元素的大小和其他...

2020-05-27 12:03:26

86浏览

0评论

基于js中document.cookie全面解析

什么是cookie?cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie...

2020-05-27 12:03:25

82浏览

0评论

利用jsonp与代理服务器方案解决跨域问题

前言本文将从实践角度介绍如何使用jsonp和代理服务器方案解决跨域问题，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。浏览器为了保护用户安全，引入了同源策...

2020-05-27 12:03:23

88浏览

0评论

gulp教程_从入门到项目中快速上手使用方法

gulp是什么？gulp 是基于 node 实现 Web 前端自动化开发的工具，利用它能够极大的提高开发效率。在 Web 前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。而这些工作都是...

2020-05-27 12:03:21

热门文章