JavaScript - 教程之家

48浏览

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

57浏览

0评论

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

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

2020-05-27

95浏览

0评论

详解vue slot插槽的使用方法

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

2020-05-27

40浏览

0评论

vue时间格式化实例代码

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

2020-05-27

594浏览

0评论

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

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

2020-05-27

63浏览

0评论

详解Vue爬坑之vuex初识

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

55浏览

0评论

jQuery.form.js的使用详解

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

2020-05-27

57浏览

0评论

详解nodejs模板引擎制作

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

103浏览

0评论

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

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

2020-05-27

52浏览

0评论

vue-loader教程介绍

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

63浏览

0评论

jQuery ajax动态生成table功能示例

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

2020-05-27

101浏览

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

53浏览

0评论

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

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

52浏览

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

60浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

78浏览

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

59浏览

0评论

详解Angular2响应式表单

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

80浏览

0评论

bootstrap选项卡扩展功能详解

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

2020-05-27

61浏览

0评论

JS判断时间段的实现代码

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

2020-05-27

54浏览

0评论

详解AngularJS 模块化

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

2020-05-27

106浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

57浏览

0评论

使用Require.js封装原生js轮播图的实现代码

index.html页面:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>require.js封装轮播图</title><style type="text/css">　　*{　　　　margin: 0;　　　　paddin...

2020-05-27

42浏览

0评论

详解Nodejs之npm&package.json

一直以来，作为前端开发，在公司都是先写好页面，然后再跟后端合作，将数据填入前端页面中，但是偶尔自己闲来无事，也会看一些框架什么的，然后利用框架做个单页面应用啊，app什么的，这时候...

2020-05-27

59浏览

0评论

利用JS对iframe父子（内外）页面进行操作的方法教程

本文主要给大家介绍了关于利用JS对iframe父子（内外）页面进行操作的方法，分享出来供大家参考学习，下面来一起看看详细的介绍：一、获取iframe里的内容在开始之前，首先我们来看看如何...

2020-05-27

72浏览

0评论

一次围绕setTimeout的前端面试经验分享

前言前端这个近年的热门领域，搞事气氛特别强烈，我朋友小伟最近就在疯狂面试，遇到了许多有趣的面试官，有趣的面试题，我来帮这个搞事 boy 转述一下。具体如下：以下是我一个朋友的故...

2020-05-27

281浏览

0评论

CentOS 安装NodeJS V8.0.0的方法

下载nodejswget https://npm.taobao.org/mirrors/node/v8.0.0/node-v8.0.0-linux-x64.tar.xz解压tar -xvf node-v8.0.0-Linux-x64.tar.xz 测试是否安装成功进入解压目录下的...

2020-05-27

61浏览

0评论

package.json文件配置详解

package.json 是npm init命令初始化后，在项目的根目录下自动生成的配置文件，它定义了这个项目的配置信息以及所需要的各种模块，npm install根据这个命令，自动下载所需的模块。pa...

2020-05-27

58浏览

0评论

JS奇技之利用scroll来监听resize详解

前言大家都知道知道原生的 resize 事件只能作用于 defaultView 即 window 上，那么我们应该通过什么样的方式来监听其他元素的大小改变呢？笔者最近学习发现了一种神奇的方法，通...

2020-05-27

82浏览

0评论

Vue路由跳转问题记录详解

最近项目上需要用Vue用来做app，在Vue中使用路由时遇到下面的问题。路由设置如下：{path:'/tab',component:Tab,children:[{path:'layoutList',name:'LayoutList',component:Lay...

2020-05-27

71浏览

0评论

react-router JS 控制路由跳转实例

Link组件用于正常的用户点击跳转，但是有时还需要表单跳转、点击按钮跳转等操作。这些情况怎么跟React Router对接呢？
下面是一个表单。<form onSubmit={this.handleSubmit}> <...

2020-05-27

54浏览

0评论

详解react如何在组件中获取路由参数

路由参数假如我们有很多 list 页面，这些页面除了动态内容不同，其他的页面部分都相同，这个时候需要怎么配置路由和组件呢？这种场景就需要用到路由的参数功能，增加一条包含参数的路...

2020-05-27

50浏览

0评论

JS 设置Cookie 有效期检测cookie

设置cookie 函数直接上代码：function setCookie(name, value, days) { //设置cookie var d = new Date(); d.setTime(d.getTime() + (days * 24 * 60 * 60 * 1000));...

2020-05-27

46浏览

0评论

validationEngine 表单验证插件使用实例代码

先给大家展示下效果图，如果大家感觉不错，请参考实现代码：废话少说，直接上代码，可拷贝直接运行：<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <meta n...

2020-05-27

64浏览

0评论

bootstrap daterangepicker汉化以及扩展功能

bootstrap daterangepicker使用介绍，具体如下一、扩展的功能 1、初始化时，会自动创建一个select标签； 2、当改变select值时，日期也会自动改变，并且会调用apply按钮的clic...

2020-05-27

59浏览

0评论

jQuery实现 RadioButton做必选校验功能

关于这个问题，百度里说法纷纷，大都无用，或者说版本太老太罗嗦，这里介绍一个可借鉴的用法：按理说，页面上的若干个Radio Button 在页面加载初始化时，是默认选中第一个的，但总是避免不...

2020-05-27

44浏览

0评论

详解react-router如何实现按需加载

注：本文使用的 react-router 版本为 2.8.1
React Router 是一个非常出色的路由解决方案，同时也非常容易上手。但是当网站规模越来越大的时候，首先出现的问题是 Javascript 文件...

2020-05-27

71浏览

0评论

bootstrap daterangepicker双日历时间段选择控件详解

双日历时间段选择插件 — daterangepicker是bootstrap框架后期的一个时间控件，可以设定多个时间段选项，也可以自定义时间段，由用户自己选择起始时间和终止时间，时间段的最大跨度...

2020-05-27

61浏览

0评论

AngularJs实现聊天列表实时刷新功能

昨天在做app的聊天列表时，遇到了一个问题，消息监听器监听到了一个新的消息，但是如果这时已经处于消息列表的页面那么消息列表并不会及时更新。我的想法是在service层中的监听器...

2020-05-27

热门文章