编程开发 - 教程之家

54浏览

0评论

Angular 4.0学习教程之架构详解

前言前段时间谷歌发布了广受欢迎的Angular JavaScript框架的4.0版本，该版本致力于缩小生成代码的体积，以及保持框架的简化发布计划。很久没写这种比较偏概念类的东西了，不过我...

2020-05-27 12:05:21

57浏览

0评论

BootStrap Table实现server分页序号连续显示功能（当前页从上一页的结束序号开始）

前言在使用bootstrap table的时候难免会用到分页，分页它提供了两种方式：client客户端分页、server服务端分页两种方式。在项目中一般是不用client分页的，一般表格数据量大，...

2020-05-27 12:05:20

53浏览

0评论

JS+canvas绘制的动态机械表动画效果

本文实例讲述了JS+canvas绘制的动态机械表动画效果。分享给大家供大家参考，具体如下：先来看看运行效果：完整实例代码：<!DOCTYPE html><html><head lang="en"> <meta charset="U...

2020-05-27 12:05:16

65浏览

0评论

详解react-router4 异步加载路由两种方法

方法一：我们要借助bundle-loader来实现按需加载。首先，新建一个bundle.js文件：
import React, { Component } from 'react'export default class Bundle extends React.Compone...

2020-05-27 12:05:15

59浏览

0评论

JS+canvas动态绘制饼图的方法示例

本文实例讲述了JS+canvas动态绘饼图的方法。分享给大家供大家参考，具体如下：运行效果图如下：完整代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title...

2020-05-27 12:05:14

44浏览

0评论

React中jquery引用的实现方法

在React中引用Jquery比较好玩，获取元素的数据更多1.引入方法举例：
import $ from 'jquery';import { Button } from 'antd';class testJquery extends React.Component {　　c...

2020-05-27 12:05:13

53浏览

0评论

详解react-native-fs插件的使用以及遇到的坑

react-native-fs插件是文件对上传和下载时使用的，iOS和android都可使用，File upload (iOS only)。安装命令：
npm install react-native-fs --save//注意：如果react native版本是...

2020-05-27 12:05:11

57浏览

0评论

JavaScript中递归实现的方法及其区别

递归函数：递归函数是在通过名字调用自身的情况下构成的。递归实现阶乘函数：方法一：通过使用函数的名字 function factorial(num){ if(num<=1){ return 1; }else{...

2020-05-27 12:05:10

60浏览

0评论

react-native DatePicker日期选择组件的实现代码

本教程的实现效果如下:
为了实现其淡入/淡出的覆盖效果, 还有取消按钮, 在此用了一个三方的组件, 大家可以先安装一下:
三方组件的地址:https://github.com/eyaleizenberg/r...

2020-05-27 12:05:08

73浏览

0评论

67 个节约开发时间的前端开发者的工具、库和资源

在本文中，我不会去谈 React、Angular、Vue 等等这些大的前端框架，也不会谈 Atom、VS code、Sublime 等等这些已经很出名的代码编辑器，我只是想简单的分享一套我认为有助于提升...

2020-05-27 12:05:06

60浏览

0评论

js字符限制(字符截取) 一个中文汉字算两个字符

html<input type="text" id="txt">核心js代码//字符串截取function getByteVal(val, max) { var returnValue = ''; var byteValLen = 0; for (var i = 0; i < val.length;...

2020-05-27 12:05:05

50浏览

0评论

VueJs组件prop验证简单介绍

组件
Vue.js引入的组件，让分解单一HTML到独立组件成为可能。组件可以自定义元素形式使用，或者使用原生元素但是以is特性做扩展。今天看了vuejs的组件，看到了prop组件，主要作用是...

2020-05-27 12:05:03

66浏览

0评论

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

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

2020-05-27 12:05:02

52浏览

0评论

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

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

2020-05-27 12:05:01

59浏览

0评论

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

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

2020-05-27 12:04:59

44浏览

0评论

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

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

2020-05-27 12:04:58

52浏览

0评论

JS库之ParticlesJS使用简介

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

2020-05-27 12:04:56

72浏览

0评论

JavaScript面向对象精要(上部)

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

2020-05-27 12:04:54

90浏览

0评论

在Vue.js中使用Mixins的方法

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

2020-05-27 12:04:52

45浏览

0评论

JavaScript面向对象精要(下部)

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

2020-05-27 12:04:50

64浏览

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

89浏览

0评论

js数组实现权重概率分配

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

2020-05-27 12:04:46

67浏览

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

76浏览

0评论

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

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

2020-05-27 12:04:42

48浏览

0评论

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

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

2020-05-27 12:04:40

45浏览

0评论

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

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

2020-05-27 12:04:37

74浏览

0评论

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

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

2020-05-27 12:04:36

52浏览

0评论

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

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

2020-05-27 12:04:34

44浏览

0评论

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

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

2020-05-27 12:04:32

70浏览

0评论

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

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

2020-05-27 12:04:27

62浏览

0评论

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

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

2020-05-27 12:04:25

97浏览

0评论

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

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

2020-05-27 12:04:23

77浏览

0评论

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

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

2020-05-27 12:04:21

63浏览

0评论

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

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

2020-05-27 12:04:20

100浏览

0评论

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

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

2020-05-27 12:04:19

133浏览

0评论

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

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

2020-05-27 12:04:14

91浏览

0评论

详解vue-router 路由元信息

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

2020-05-27 12:04:12

40浏览

0评论

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

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

2020-05-27 12:04:09

50浏览

0评论

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

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

2020-05-27 12:04:08

66浏览

0评论

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

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

2020-05-27 12:04:06

67浏览

0评论

Angular CLI 安装和使用教程

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

2020-05-27 12:04:05

76浏览

0评论

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

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

2020-05-27 12:04:03

72浏览

0评论

BootStrap数据表格实例代码

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

2020-05-27 12:04:01

66浏览

0评论

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

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

2020-05-27 12:03:59

65浏览

0评论

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

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

2020-05-27 12:03:58

82浏览

0评论

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

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

2020-05-27 12:03:56

61浏览

0评论

JS库之Waypoints的用法详解

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

2020-05-27 12:03:53

94浏览

0评论

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

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

2020-05-27 12:03:52

69浏览

0评论

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

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

2020-05-27 12:03:50

88浏览

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

热门文章