JavaScript - 教程之家

77浏览

0评论

原生JS实现图片懒加载(lazyload)实例

前言图片懒加载也是比较常见的一种性能优化的方法，最近在用vue做一个新闻列表的客户端时也用到了，这里就简单介绍下实现原理和部分代码。实现原理加载页面的时候，图片一直都是...

2020-05-27

81浏览

0评论

Javascript实现的StopWatch功能示例

本文实例讲述了Javascript实现的StopWatch功能。分享给大家供大家参考，具体如下：有时会需要js来写一些函数进行测试，如果需要测试执行时间，可能需要一个stopwatch：StopWatch类：fun...

2020-05-27

78浏览

0评论

jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数

功能需求如下: 1) 使用 datetimebox 日期控件, 选择开始日期 startdate，结束日期 leavedate ，然后求两日期间相隔天数 numdays ; 2) 天数 x 补助 = 包干费用; (numdays * a...

2020-05-27

83浏览

0评论

让微信小程序支持ES6中Promise特性的方法详解

遇到的问题
微信开发者工具更新版本后, 移除了开发者工具对 ES6 中 Promise 特性原生的支持, 理由是因为实体机器是不支持 Promise 的, 所以我们需要引入第三方的 Promise...

2020-05-27

75浏览

0评论

利用r.js打包模块化的javascript文件方法示例

前言r.js(本地下载)是requireJS的优化（Optimizer）工具，可以实现前端文件的压缩与合并，在requireJS异步按需加载的基础上进一步提供前端优化，减小前端文件大小、减少对服务器的文...

2020-05-27

89浏览

0评论

angular-ngSanitize模块-$sanitize服务详解

本篇主要讲解angular中的$sanitize这个服务.此服务依赖于ngSanitize模块.要学习这个服务,先要了解另一个指令: ng-bing-html.顾名思义,ng-bind-html和ng-bind的区别就是,ng-...

2020-05-27

69浏览

0评论

angularjs实现搜索的关键字在正文中高亮出来

1、定义高亮 filter
我们希望搜索的关键字在正文中高亮出来，正文内容就是过滤器的第一个参数，第二个参数就是搜索关键字，这样，我们的过滤器将会有两个参数了。高亮的原理很简单，...

2020-05-27

102浏览

0评论

JS实现json的序列化和反序列化功能示例

本文实例讲述了JS实现json的序列化和反序列化功能。分享给大家供大家参考，具体如下：序列化：var s = new Object();s.Name = "clientValue";s.Id = 1;s.ClassId = 2;var data =...

2020-05-27

83浏览

0评论

angularjs之$timeout指令详解

angular.js的$timeout指令对window.setTimeout做了一个封装,它的返回值是一个promise对象.当定义的时间到了以后,这个promise对象就会被resolve,回调函数就会被执行.如果需...

2020-05-27

58浏览

0评论

javascript checkbox/radio onchange不能兼容ie8处理办法

javascript checkbox/radio onchange不能兼容ie8处理办法在ie8下，checkbox的onchange没能实现触发自定义的函数，如何解决该问题，如下：
function forIe(){ if($.browser.msie){...

2020-05-27

105浏览

0评论

详解vue项目优化之按需加载组件-使用webpack require.ensure

使用 vue-cli构建的项目,在默认情况下 ,执行 npm run build 会将所有的js代码打包为一个整体,打包位置是 dist/static/js/app.[contenthash].js
类似下面的路由代码rou...

2020-05-27

96浏览

0评论

深究AngularJS——ng-checked（回写：带真实案例代码）

1.需求在添加页面实现一个checkbox的选择，然后在详情页面展示时，会自动选上之前被选中的。2.添加页面看官最好将这个代码复制过去看看效果。<!DOCTYPE html><html><head><meta...

2020-05-27

105浏览

0评论

微信小程序自定义导航隐藏和显示功能

微信小程序中不能直接操作window对象，document文档，跟html的树结构不相同。实现类似导航的隐藏显示，如图效果：点击网络显示或隐藏网络中包含的内容。其他类似。如果是jquery很方...

2020-05-27

69浏览

0评论

深究AngularJS之ui-router详解

1.配置使用ui-router1.1导入js文件需要注意的是：必须导入angular.min.js这个文件，且angular.min.js必须导入在angular-ui-router.min.js前面。<script type="text/javascript"...

2020-05-27

74浏览

0评论

微信小程序动态显示项目倒计时效果

本文实例为大家分享了微信小程序动态显示项目倒计时的具体代码，供大家参考，具体内容如下1、一般我们说的显示秒杀都是指的单条数据，循环我没做。效果：2、wxml代码：<p><block wx:i...

2020-05-27

79浏览

0评论

详解AngularJs路由之Ui-router-resolve（预加载）

ng-route模块中的when()和ui-route的state()都提供了resolve属性。
为什么需要使用resolve？
当路由切换的时候，被路由的页面中的元素（标签）就会立马显示出来，同时，数据会被准备...

2020-05-27

83浏览

0评论

微信小程序实现移动端滑动分页效果（ajax）

一般在PC上我们要分页都是通过上一页和下一页来实现的，手机通过当下滑到一定程度的时候自动加载下一页面。
实现思路：首先加载部分数据，当下滑到某个元素可见的时候，如果还有数...

2020-05-27

64浏览

0评论

Javascript实现从小到大的数组转换成二叉搜索树

废话不多说了，直接给大家贴代码了，具体代码如下所示：var Array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; var Tree = createTree(Array); console.log(Tree); // 构造一个节点 func...

2020-05-27

65浏览

0评论

详解Vue.js分发之作用域槽

首先，需要知道的是，每个组件有每个组件自己的作用域。每个组件都是Vue()的实例，有自己的作用域。
比如现在有个组件这样的：Vue.component('father-component1',{ template:'<d...

2020-05-27

110浏览

0评论

详解vue slot插槽的使用方法

官方文档其实已经讲得很详细，我根据文档，把官方的小案例实现了一下，这样更直观
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <scr...

2020-05-27

56浏览

0评论

vue时间格式化实例代码

整理文档，搜刮出一个vue时间格式化实例代码，稍微整理精简一下做下分享。
export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$...

2020-05-27

602浏览

0评论

详解vue2.0的Element UI的表格table列时间戳格式化

这两天学习了vue2.0的Element UI的表格table列时间戳格式化，所以，今天添加一点小笔记。
表格属性<el-table :data="tableData" v-loading.body="loading"...

2020-05-27

77浏览

0评论

详解Vue爬坑之vuex初识

在 Vue.js 的项目中，如果项目结构简单，父子组件之间的数据传递可以使用 props 或者 $emit 等方式.但是如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就...

2020-05-27

64浏览

0评论

ExtJs异步无法向外传值和赋值的完美解决办法

1、Ext.data.Store.load();方法是异步的，下面的方式获得的reCount始终是0，因为还没等后台的方法执行完就赋值了，此时store的record还没获得值。var testStore = new Ext.data.G...

2020-05-27

61浏览

0评论

jQuery.form.js的使用详解

面临问题：form表单submit之后，后端会返回提示信息。但原生html无法获取后端返回的数据，就造成了这样一种局面：提交之后，页面发生跳转，在一个空白页面上显示了后端返回的json数据，用...

2020-05-27

67浏览

0评论

详解nodejs模板引擎制作

关于模板，我倒是用过了不少。最开始要数Java的JSP了，然后接触了PHP的smarty，再就是Python的jinja2, Django内置模板，现在刚开始看Nodejs，也发现了不少类似的模板引擎，ejs, jade等...

2020-05-27

76浏览

0评论

Vue2.0 从零开始_环境搭建操作步骤

简要：继项目空闲后，开始着手vue的学习;为此向大家分享其中的艰辛和搭建办法，希望能够跟各位VUE大神学习探索，如果有不对或者好的建议告知下；*~*！一、什么是VUE？是一种node.js框架，特...

2020-05-27

122浏览

0评论

JS中mouseup事件丢失的原因与解决办法

前言当实现类似Excel选中区域的功能时，经常出现 mouseup 事件丢失的情况，由于缺少了 mouseup 事件，导致一个完整的操作无法进行。如果你是想进行拖拽移动操作，也可以参考本文。...

2020-05-27

62浏览

0评论

vue-loader教程介绍

在最初使用webpack+vue时，看到vue里面各种语法，包括import，export，html和css的写作方式，我都能依葫芦画瓢地实现各种功能，但是为什么能这样写，一直不太理解，直到我了解了vue-loader...

2020-05-27

82浏览

0评论

使用requirejs模块化开发多页面一个入口js的使用方式

描述知道requirejs的都知道，每一个页面需要进行模块化开发都得有一个入口js文件进行模块配置。但是现在就有一个很尴尬的问题，如果页面很多的话，那么这个data-main对应的入口文...

2020-05-27

73浏览

0评论

jQuery ajax动态生成table功能示例

本文实例讲述了jQuery ajax动态生成table的方法。分享给大家供大家参考，具体如下：$(function(){ ajaxT();});function ajaxT(){ $.ajax({ type:"POST", dataType: "json",...

2020-05-27

117浏览

0评论

JS设置手机验证码60s等待实现代码

html:<div class="input"> <input class="tel input_all" type="text" name="tel" placeholder="手机号"></div><div class="input huoqu"> <input class="yzm input_all...

2020-05-27

66浏览

0评论

JS查找数组中重复元素的方法详解

本文实例讲述了JS查找数组中重复元素的方法。分享给大家供大家参考，具体如下：JS的数据类型有一个数组。今天我们就来谈谈对数组的一种处理。相信很多人都遇到过从数组中查找出...

2020-05-27

56浏览

0评论

vue实现百度搜索下拉提示功能实例

这段代码用到vuejs和vue-resouece。实现对接智能提示接口，并通过上下键选择提示项，按enter进行搜索<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Do...

2020-05-27

77浏览

0评论

微信小程序动态添加分享数据

微信小程序分享效果：js代码：page({ /** * 用户点击分享按钮或右上角分享 */ onShareAppMessage: function (res) { var that = this; return { title: that.data.common.act_...

2020-05-27

61浏览

0评论

详解vue-router2.0动态路由获取参数

一下demo演示2.0中的vue-router是如何获取到不同参数的，并在地址栏中匹配不同的信息
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</tit...

2020-05-27

70浏览

0评论

详解Vue.use自定义自己的全局组件

通常我们在vue里面使用别人开发的组件，第一步就是install,第二步在main.js里面引入，第三步Vue.use这个组件。今天我简单的也来use一个自己的组件。这里我用的webpack-simple这...

2020-05-27

75浏览

0评论

ExtJs的Ext.Ajax.request实现waitMsg等待提示效果

一、 fp.form.submit 有waitMsg 属性来设置等待效果，如下。但是对于Ext.Ajax.request来说 waitMsg 并不起作用。 fp.form.submit({ url : '',...

2020-05-27

86浏览

0评论

vue过渡和animate.css结合使用详解

今天学习了vue过渡和animate.css结合使用，所以，添加一点小笔记。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动画</title> <script type="tex...

2020-05-27

66浏览

0评论

详解Angular2响应式表单

本文将半翻译半总结的讲讲ng2官网的另一个未翻译高级教程页面。文章目的是使用ng2提供的响应式表单技术快速搭出功能完善丰富的界面表单组件。响应式表单是一项响应式风格的...

2020-05-27

78浏览

0评论

zTree树形插件异步加载方法详解

本文实例为大家分享了zTree树形插件异步加载，Struts2框架，供大家参考，具体内容如下<!DOCTYPE html><html><head><meta charset="UTF-8"><title>异步加载</title><link rel="sty...

2020-05-27

85浏览

0评论

bootstrap选项卡扩展功能详解

用了下bootstrap，虽然好看，但是控件跟之前用的easyui相差很大，功能太少，不得不自己写。花了几个小时把tabs控件扩展了下。下面是代码页面代码：
<!DOCTYPE html><html><head> <me...

2020-05-27

75浏览

0评论

JS判断时间段的实现代码

废话不多说了，直接给大家贴代码了，具体代码如下所示：<th>交易时间开始:</th> <td><input id="bcconDateBeginDate" name="bcconDateBeginDate" value="2016/06/12...

2020-05-27

65浏览

0评论

详解AngularJS 模块化

学习要点：控制器模块化指令模块化过滤器模块化服务模块化定义值模块化使用模块工作第一步：创建一个模块// function : define module named exampleApp// param d...

2020-05-27

119浏览

0评论

自定义vue全局组件use使用、vuex的使用详解

自定义vue全局组件use使用(解释vue.use()的原理)
我们在前面学习到是用别人的组件：Vue.use(VueRouter)、Vue.use(Mint)等等。
其实使用的这些都是全局组件，这里我们就来讲解一...

2020-05-27

69浏览

0评论

JS自动生成动态HTML验证码页面

本文为大家分享了JS自动生成动态HTML验证码页面，输入错误自动清空输入框功能，供大家参考，具体内容如下<!DOCTYPE html><html><head> <title>验证码</title><meta charset="utf-...

2020-05-27

75浏览

0评论

javascript完美实现给定日期返回上月日期的方法

本文实例讲述了javascript完美实现给定日期返回上月日期的方法。分享给大家供大家参考，具体如下：在项目开发中，使用javascript对日期进行处理时，因为在查询中都会有一个初始值，大...

2020-05-27

85浏览

0评论

Bootstrap响应式导航由768px变成992px的实现代码

废话不多说了，直接给大家贴代码了，具体代码如下所示： <header role="banner"> <nav role="navigation" class="navbar navbar-static-top navbar-defau...

2020-05-27

61浏览

0评论

详解vue跨组件通信的几种方法

在开发组件的时候，一定会遇到组件的通信，比如点击一个图标出现弹窗和蒙层，这三个分别是不同的组件。管理他们之间的状态就成了问题。props双向绑定通过 sync 双向绑定，属性变化...

2020-05-27

73浏览

0评论

JavaScript实现选中文字提示新浪微博分享效果

本文实例为大家分享了JS新浪微博分享功能，供大家参考，具体内容如下<!DOCTYPE html><html xmlns:wb="http://open.weibo.com/wb"><head> <meta charset="utf-8"> <title>java...

2020-05-27

热门文章