js实现鼠标拖动功能
效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #div{ width: 200px; height: 200px; background: gre...
2020-05-27
Extjs表单输入框异步校验的插件实现方法
一、效果如图所示特点：1、异步后台校验不会对用户操作产生阻塞感；2、可在用户停止输入后自动校验，避免频繁进行无谓的后台校验；3、以插件方式实现，方便使用；二、插件源码如下：/***...
2020-05-27
JavaScript 过滤关键字
效果图：话不多说，请看代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> em { font-size: 16px; color: red; } </style></he...
2020-05-27
JS模拟实现ECMAScript5新增的数组方法
ECMAScript5 新增了十个数组方法，这些方法只有在ie9及以上浏览器中可以被使用，下面是对于这些方法的模拟实现。一、Array.isArray(element) 该方法用于判断传入的对象是否...
2020-05-27
详解Vue中添加过渡效果
最近在学习Vue这个框架，发现新的版本中，官网的文档里面说的过渡效果，如果直接粘贴官方的例子中的代码，发现并没有过渡的效果，经过反复测试之后终于知道怎么搞了，把测试的过程总结...
2020-05-27
Vue.js基础学习之class与样式绑定
打着巩固 css 知识的旗号开始了对 vue 样式绑定的研究，相比前一篇的 demo，本次内容多了各种样式在里面，变得稍微花哨了些，话不多说，直接上代码吧：<html><head> <meta charset="utf...
2020-05-27
Vue.js事件处理器与表单控件绑定详解
事件处理主要通过v-on这个指令来执行。事件监听及方法处理1.简单的可以直接内嵌在页面。2.可以通过将方法定义在methods中，然后再v-on中执行3.可以通过绑定给函数传递参数，还...
2020-05-27
vue.js事件处理器是什么
监听事件
可以用v-on指令监听DOM事件来触发一些javascript代码。demo:<div v-on:click="++counter">点击，增加1</div><span>{{counter}}</span> data:{ counter:0}方法事...
2020-05-27
javascript使用btoa和atob来进行Base64转码和解码
javascript原生的api本来就支持,Base64,但是由于之前的javascript局限性，导致Base64基本中看不中用。当前html5标准正式化之际，Base64将有较大的转型空间,对于Html5 Api中出现...
2020-05-27
详解vue事件对象、冒泡、阻止默认行为
整理文档，搜刮出一个vue事件对象、冒泡、阻止默认行为的代码，稍微整理精简一下做下分享。事件对象<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title>...
2020-05-27
Vue插件写、用详解（附demo）
Vue插件1、概述简单来说，插件就是指对Vue的功能的增强或补充。比如说，让你在每个单页面的组件里，都可以调用某个方法，或者共享使用某个变量，或者在某个方法之前执行一段代码等2、...
2020-05-27
Vue.js路由vue-router使用方法详解
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统...
2020-05-27
如何解决vue与传统jquery插件冲突
本篇文章主要介绍了如何解决vue与传统jquery插件冲突，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
比如基于jquery的select2插件，在vue下单独用...
2020-05-27
Vue2.0实现1.0的搜索过滤器功能实例代码
Vue2.0删除了很多1.0的比较实用的过滤器，如filterBy，orderBy。官方文档给了通过计算属性实现1.0搜索过滤器功能，自己又加入了大小写通用检索功能，比较简单，学一下。<body> <div...
2020-05-27
非常实用的vue导航钩子
导航钩子
（译者：『导航』表示路由正在发生改变。）正如其名，vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的, 单...
2020-05-27
Vue指令的钩子函数使用方法
在Vue 中可以把一系列复杂的操作包装为一个指令。什么是复杂的操作？
我的理解是：复杂逻辑功能的包装、违背数据驱动的 DOM 操作以及对一些 Hack 手段的掩盖等。我们总是期望以...
2020-05-27
zTree实现节点修改的实时刷新功能
一、应用场景在实际应用中会遇到动态操作树各节点的需求，在增加树节点后如何实时动态刷新树就十分有必要了。二、项目实践比如要在test1234节点下新建子节点，首先要选中test12...
2020-05-27
Vue响应式添加、修改数组和对象的值
有些时候，不得不想添加、修改数组和对象的值，但是直接添加、修改后又失去了getter、setter。由于 JavaScript 的限制， Vue 不能检测以下变动的数组：1. 利用索引直接设置一个项时...
2020-05-27
JavaScript数组和对象的复制
一、数据类型从狭义上来说，JS把所有的数据分成两大类型：基本类型和引用类型，其中基本类型包括Undefined、Null、Boolean、Number和String，引用类型为Object，常用的Array、Date、R...
2020-05-27
Bootstrap标签页（Tab）插件使用方法
您可以通过以下两种方式启用标签页：
1、通过 data 属性：您需要添加 data-toggle="tab" 或 data-toggle="pill" 到锚文本链接中添加 nav 和 nav-tabs 类到 ul 中，将会应用 Boots...
2020-05-27
Bootstrap警告框（Alert）插件使用方法
有以下两种方式启用警告框的可取消（dismissal）功能：
1、通过 data 属性：通过数据 API（Data API）添加可取消功能，只需要向关闭按钮添加 data-dismiss="alert"，就会自动为警告框添加关...
2020-05-27
图解Javascript——作用域、作用域链、闭包
什么是作用域？作用域是一种规则，在代码编译阶段就确定了，规定了变量与函数的可被访问的范围。全局变量拥有全局作用域，局部变量则拥有局部作用域。 js是一种没有块级作用域的语...
2020-05-27
JavaScript 中 apply 、call 的详解
apply 和 call 的区别ECMAScript 规范给所有函数都定义了 call 与 apply 两个方法，它们的应用非常广泛，它们的作用也是一模一样，只是传参的形式有区别而已。apply( )apply 方法...
2020-05-27
JavaScript中的普通函数和箭头函数的区别和用法详解
最近被问到了一个问题：javaScript 中的箭头函数 ( => ) 和普通函数 ( function ) 有什么区别？我当时想的就是：这个问题很简单啊~（flag），然后做出了错误的回答……箭头函数中的 thi...
2020-05-27
使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)
基于jQuery的扫码枪监听。如果只是想实现监听获取条码扫码信息，可以直接拿来使用，如果有更多的条码判断处理逻辑需要自己扩展。一、功能需求使用扫码枪扫描条码，在一个web页面...
2020-05-27
80%应聘者都不及格的JS面试题
共 5024 字，读完需 6 分钟，速读需 2 分钟，本文首发于知乎专栏前端周刊。写在前面，笔者在做面试官这 2 年多的时间内，面试了数百个前端工程师，惊讶的发现，超过 80% 的候选人对下面这...
2020-05-27
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
本文实例讲述了jQuery插件HighCharts绘制2D饼图效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HighCharts 2D饼...
2020-05-27
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
本文实例讲述了jQuery插件HighCharts绘制简单2D折线图效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HighChart...
2020-05-27
jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
本文实例讲述了jQuery插件HighCharts绘制简单2D柱状图效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HighChart...
2020-05-27
Omi v1.0.2发布正式支持传递javascript表达式
写在前面Omi框架可以通过在组件上声明 data-* 把属性传递给子节点。Omi从设计之初，就是往标准的DOM标签的标准传递方式靠齐。比如： 下划线自动转驼峰， data-page-index传到子...
2020-05-27
js中编码函数：escape,encodeURI与encodeURIComponent详解
1、eacape(): 该方法不会对 ASCII 字母和数字进行编码，也不会对下面这些 ASCII 标点符号进行编码： * @ - _ + . / 。其他所有的字符都会被转义序列替换。其它情况下escape，enco...
2020-05-27
Bootstrap 设置datetimepicker在屏幕上面弹出设置方法
datetimepicker默认是在输入框下面弹出的，但是遇到输入框在屏幕下面时，日期选择框会有一部分在屏幕下面，显示不了，因此需要能够从上面弹出。设置很简单，在初始话中：$('.form_date'...
2020-05-27
十大热门的JavaScript框架和库
JavaScript 框架和库可以说是开源项目中最庞大也是最累的类目了，目前在github 上这一类的项目是最多的，并且几乎每隔一段时间就会出现一个新的项目席卷网络社区，虽然这样推动了...
2020-05-27
详解Vue 实例中的生命周期钩子
Vue 框架的入口就是 Vue 实例，其实就是框架中的 view model ，它包含页面中的业务处理逻辑、数据模型等，它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形...
2020-05-27
js实现颜色阶梯渐变效果（Gradient算法）
html中颜色可以使用rgb和hex方式来表示。在色彩中，色相、明度、纯度也都可以产生渐变效果，并会表现出具有丰富层次的美感。本文主要讲述两种颜色RGB数值的梯级渐变算法。其中...
2020-05-27
Vue 单文件中的数据传递示例
Vue 的单文件组件在使用 Vue 时非常常用，所以我们也会经常遇到组件之间需要传递数据的时候，大致分为三种情况： 父组件向子组件传递数据，通过 props 传递数据。 子组件向父组件...
2020-05-27
node安装--linux下的快速安装教程
前言因为要使用koa2，所以要对node进行升级。（Koa requires node v7.6.0 or higher for ES2015 and async function support.翻译过来就是，koa需要node的版本至少为7.6，也就是说，...
2020-05-27
详解Vue2+Echarts实现多种图表数据可视化Dashboard（附源码）
数据可视化
将数据通过图表的形式展现出来将大大的提升可读性和阅读效率本例包含柱状图、折线图、散点图、热力图、复杂柱状图、预览面板等
技术栈 vue2.x vuex 存储公共...
2020-05-27
Bootstrap学习笔记 轮播（Carousel）插件
Bootstrap 轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。如果...
2020-05-27
js省市区级联查询（插件版&无插件版）
实现方式千差万别，满足自己需求的才是最好的。插件版提供了两种方式：distpicker版
<!DOCTYPE html><html><head><meta charset="utf-8"><link href="css/city.css" rel="exter...
2020-05-27
在 Angular 中实现搜索关键字高亮示例
在 Angular 中，我们不应该试图直接修改 DOM 的内容，当需要更新 DOM 内容的时候，应该修改的其实是我们的数据模型，也就是 $scope 中的数据，Angular 会帮助我们将修改之后的数据展...
2020-05-27
Linux使用Node.js建立访问静态网页的服务实例详解
Linux使用Node.js建立访问静态网页的服务实例详解一、安装node.js运行所需要的环境，：https://www.freexyz.cn/article/79536.htm
二、创建node目录（/node/www），并在目录下创建node....
2020-05-27
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
心血来潮想为自己的小项目做一个提醒系统，譬如私信，评论等消息都能及时传递过来。由于道行尚浅，网上那些长轮询对于我略微复杂，于是觉得还是自己写一写试试比较好。我的思路是，单...
2020-05-27
详解angular中通过$location获取路径(参数)的写法
我最近在研究angular中通过$location获取路径(参数)的写法，在网上搜索了很多的资料，正好今天有时间，就整理一下！
以下获取与修改的 URL 以 ( http://172.16.0.88:8100/#/homePa...
2020-05-27
bootstrap IE8 兼容性处理
bootstrap IE8 兼容性处理<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n...
2020-05-27
Bootstrap警告（Alerts）的实现方法
Bootstrap 所提供的用于警告的 class，可以通过创建一个 <div>，并向其添加一个 .alert class 和四个上下文 class（即 .alert-success、.alert-info、.alert-warning、.alert-dan...
2020-05-27
JavaScript 批量创建数组的方法
JavaScript有许多批量创建数组的方法，为了衡量它们的性能，我分别使用不同的方法创建一个长度为100000的数组，且键和值相等。同时，我定义了下面这个函数用来测量创建数组所耗费的...
2020-05-27
javascript实现滑动解锁功能
效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <style type="text/css"> * { margin: 0; padding: 0; } #slider-box { width: 300px; heig...
2020-05-27
Bootstrap页面标题Page Header的实现方法
本文实例为大家分享了Bootstrap页面标题展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html> <head> <title>Bootstrap 页面标题（Page Header）</title> <meta char...
2020-05-27
JS+DIV实现的卷帘效果示例
本文实例讲述了JS+DIV实现的卷帘效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>...
2020-05-27
