JS实现快速比较两个字符串中包含有相同数字的方法

本文实例讲述了JS实现快速比较两个字符串中包含有相同数字的方法。分享给大家供大家参考,具体如下:有两个字符串:$a = "5,8,0";$b = "8,0,5";怎样快速比较这两个字符串包含的数...

浅谈vue+webpack项目调试方法步骤

题外话:这几个月用vue写了三个项目了,从绊手绊脚开始慢慢熟悉,婶婶的感到语言这东西还是得有点框框架架,太自由了容易乱搞,特别人多的时候。从webpack开始直接进入正题。有人觉得...

JS中的Replace()传入函数时的用法详解

replace方法的语法是:stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string),reExp可以是正则表达式对象(RegExp)也可以是字符串(string),replaceText是替代查...

Chrome调试折腾记之JS断点调试技巧

JS调试技巧技巧一:格式化压缩代码
技巧二:快速跳转到某个断点的位置右侧的Breakpoints会汇总你在JS文件所有打过的断点,点击跟checkbox同一行的会暂时取消这个断点,若是点击che...

vue.js移动端app之上拉加载以及下拉刷新实战

上拉加载以及下拉刷新都是移动端很常见的功能,在搜索或者一些分类列表页面常常会用到。跟横向滚动一样,我们还是采用better-scroll这个库来实现。由于better已经更新了新的版...

js封装成插件的步骤方法

由于项目原因,工作一年多还没用js写过插件,项目太成熟,平时基本都是在使用已经封装好的功能插件。感觉自己好low......这两天想自己抽空写一个canvas画统计图与折现图的插件,所...

Vuejs 页面的区域化与组件封装的实现

组件的好处当我用vue写页面的时候,大量的数据页面渲染,引入组件简化主页面的代码量,当代码区域块代码差不多相同时,组件封装会更加简化代码。组件是Vue.js最强大的功能之一。组...

Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数

背景笔者之前一直使用 bootstrap table ,因为当前项目中主要使用 Layui 框架,于是也就随了 Layui table ,只是在使用的时候出现了一些问题,当然也是怪自己不熟悉的锅吧!出现的问...

react-native 完整实现登录功能的示例代码

react native实现登录功能,包括ui的封装、网络请求的封装、导航器的实现、点击事件。demo下载:react-native 完整实现登录功能后台如果是springmvc实现的需要配置上如下代码 <...

详解webpack2+React 实例demo

1.目录结构
源文件在src目录下,打包后的文件在dist目录下。2.webpack.config.js
说明:
1.涉及到的插件需要npm install安装;
2.html-webpack-plugin创建服务于 webpack bundle...

JS和jQuery通过this获取html标签中的属性值(实例代码)

废话不多说了,具体代码如下所示:<html> <head> <script type="text/javascript" src="jquery-1.10.2.min.js"></script> <script type="text/javascript"> /** JQUERY 通...

详解使用Vue Router导航钩子与Vuex来实现后退状态保存

不好意思,标题比较啰嗦,因为这次的流水账确实属于一个比较细节的小东西,下面详细讲:1需求最近在使用electron-vue 开发一个跨平台的桌面端软件,刚上手写了几个页面,遇到一个问题:桌...

详解关于react-redux中的connect用法介绍及原理解析

关于react-redux的一个流程图流程图
connect用法介绍connect方法声明:connect([mapStateToProps], [mapDispatchToProps], [mergeProps],[options])作用:连接React组件与 Redu...

BootStrap实现文件上传并带有进度条效果

1.做了一天终于做出来了,在上传成功之后,可以将路径添加到数据库,因为一直在烦恼如何在上传成功之后在将路径添加到数据库,终于弄出来了,太开心了,不得不说bootstrap的强大,之前说a...

解决jquery appaend元素中id绑定事件失效的问题

1. 在jquery中append元素,如果该元素中有id值并且绑定事件,那么该id事件会失效,必须刷新一下才能使用。2.解决办法:举例:如果在一个<div class="title"></div>中,通过append添加一...

vue引入jq插件的实例讲解

今天做官网,把unslider做成指令,但是一直提示$(el).unslider() no a function,一开始我想复杂了,后来在网上看了很多帖子,大多数都是修改webpack.base.config.js,仔细尝试,网上确实...

jQuery实现用户信息表格的添加和删除功能

1、浏览器界面一个简单的用户信息操作2、html代码<body> <form name="userForm"> <center> 用户录入 <br /> 用户名: <input id="username" name=...

详解angular笔记路由之angular-router

本文介绍了angular笔记路由之angular-router,分享给大家,具体如下:
创建项目ng new router --routing \\ 加routing参数\\ 会新增一个app-routing.module.ts 文件路由的基本使...

JS监控关闭浏览器操作的实例详解

JS监控关闭浏览器操作的实例详解需求如下:
用户关闭浏览器通知后台。
方案如下:
1.采用js监控关闭浏览器操作。
2.用户关闭浏览器的时候发ajax请求到后台,执行相应的业务操...

js封装成插件_Canvas统计图插件编写实例

之前就说过,我想写一个canvas画统计图的插件,现在写好了先说下实现的功能吧:  1.可以通过自定义X轴坐标属性和Y轴坐标属性按比例画出统计图  2.可以选择画折现图还是柱形统...

ubuntu编译nodejs所需的软件并安装

闲了一段时间后,要开始做个项目了!公司以java为主,因此一直以来的技术栈为springboot,zookeeper,jredis,dubbo,druid.....经典的分布式服务器体系架构。我花了点时间,统计了一下...

vue proxyTable 接口跨域请求调试的示例

&#65279;在不同域之间访问是比较常见,在本地调试访问远程服务器。。。。这就是有域问题。VUE解决通过proxyTable:在 config/index.js 配置文件中 dev: { env: require('./de...

Node.js中使用mongoose操作mongodb数据库的方法

如何利用mongoose将数据写入mongodb数据库?1.利用npm下载安装mongoose;npm install mongoose2.建立js文件,引入mongoosevar mongoose = require('mongoose');3.mongoose.conne...

vue params、query传参使用详解

最近在学习Vue,本文介绍了vue params、query传参使用,分享给大家,也给自己留个笔记声明式:<router-link :to="...">
编程式:router.push(...)这两种方式 都可以实现跳转链接,在上...

vue-resouce设置请求头的三种方法

本文主要介绍了vue-resouce设置请求头的三种方法,分享给大家,具体如下:第一种:在Vue实例中设置
var vm = new Vue({ el:'#rrapp', data:{ showList: true, title: null }...

javascript算法之二叉搜索树的示例代码

什么是二叉树二叉树就是树的每个节点最多只能有两个子节点什么是二叉搜索树二叉搜索树在二叉树的基础上,多了一个条件,就是二叉树在插入值时,若插入值比当前节点小,就插入到左节...

详解vue axios中文文档

axios中文文档在用Vue做开发的时候,官方推荐的前后端通信插件是axios,Github上axios的文档虽然详细,但是却是英文版.现在发现有个axios的中文文档,于是就转载过来了!
原文地...

jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】

本文实例讲述了jQuery+vue.js实现的九宫格拼图游戏。分享给大家供大家参考,具体如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>...

Angular 4.0学习教程之架构详解

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

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

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

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

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

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

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

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

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

React中jquery引用的实现方法

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

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

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

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

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

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

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

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

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

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

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

VueJs组件prop验证简单介绍

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

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

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

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

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

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

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

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

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

JS库之ParticlesJS使用简介

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

JavaScript面向对象精要(上部)

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

在Vue.js中使用Mixins的方法

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

JavaScript面向对象精要(下部)

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

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...

js数组实现权重概率分配

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

返回顶部
顶部