JavaScript - 教程之家

49浏览

0评论

vue loadmore组件上拉加载更多功能示例代码

最近在做移动端h5页面，所以分页什么的就不能按照传统pc端的分页器的思维去做了，这么小的屏幕去点击也不太方便一般来讲移动端都是上拉加载更多，符合正常使用习惯。首先简单写一...

2020-05-27

37浏览

0评论

纯js实现的积木(div层)拖动功能示例

本文实例讲述了纯js实现的积木(div层)拖动功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖动</title> <st...

2020-05-27

47浏览

0评论

Angular 1.x个人使用的经验小结

前言angular1.x作为经典的mvc框架，可以创建能够复用的组件,也可进行双向数据绑定。国内的vue.js/avaloon.js都是同类型的框架，之前工作以Angular1.x为主，主要做业务系统，以后工...

2020-05-27

93浏览

0评论

ztree简介_动力节点Java学院整理

【简介】zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件zTree是一个依靠jQuery实现的多功能“树插件”。优异的性能、灵活的配置、多种功能的组...

2020-05-27

62浏览

0评论

利用require.js与angular搭建spa应用的方法实例

前言AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、...

2020-05-27

52浏览

0评论

jQuery实现导航栏头部菜单项点击后变换颜色的方法

本文实例讲述了jQuery实现导航栏头部菜单项点击后变换颜色的方法。分享给大家供大家参考，具体如下：实现效果如下:话不多说直接上代码:<!DOCTYPE html><html lang="en"><head>...

2020-05-27

65浏览

0评论

jQuery实现可编辑表格并生成json结果(实例代码)

实现效果如下，在编辑表格的同时可以实现字段json内容的自动变化，点击提交可以保存到后台，页面加载的时候自动解析json并加载表格内容。该代码解析和加载功能都用前端js实现，简化...

2020-05-27

77浏览

0评论

Vue学习笔记进阶篇之单元素过度

概述Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。
包括以下工具：在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css...

2020-05-27

80浏览

0评论

Vue学习笔记进阶篇之vue-router安装及使用方法

介绍vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。...

2020-05-27

53浏览

0评论

JS+canvas实现的五子棋游戏【人机大战版】

本文实例讲述了JS+canvas实现的五子棋游戏。分享给大家供大家参考，具体如下：运行效果图：html代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>...

2020-05-27

47浏览

0评论

Angular.js项目中使用gulp实现自动化构建以及压缩打包详解

gulp介绍基于流的前端自动化构建工具，利用gulp可以提高前端开发效率，特别是在前后端分离的项目中。使用gulp能完成以下任务：
压缩html、css和js 编译less或sass等压缩图片...

2020-05-27

65浏览

0评论

Vue之Watcher源码解析（2）

接着上节Vue Watcher源码的话，继续探讨，目前是这么个过程：函数大概是这里：// line-3846 Vue.prototype._render = function() { // 获取参数 try { // 死在这儿...

2020-05-27

57浏览

0评论

vue中的非父子间的通讯问题简单的实例代码

官网上的例子好晦涩，看了一个头两个大，关于非父子间的通讯问题，经过查阅得到了下面的例子，<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>兄弟之间的...

2020-05-27

77浏览

0评论

Vue学习笔记进阶篇之多元素及多组件过渡

本文介绍了vue 多元素及多组件过渡，这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。多元素的过渡对于原生标签可以使用 v-if/v-else.但是有一点需要注意：当有相同标...

2020-05-27

70浏览

0评论

angular.js + require.js构建模块化单页面应用的方法步骤

前言本文主要给大家介绍的是关于利用angular.js + require.js构建模块化单页面应用的方法，分享出来供大家参考学习，需要的朋友们下面来一起看看详细的介绍吧。AngularJS描述:a...

2020-05-27

140浏览

0评论

Vue之Watcher源码解析（1）

上一节最后再次调用了mount函数，我发现竟然跳到了7000多行的那个函数，之前我还说因为声明早了被覆盖，看来我错了！就是这个函数：// Line-7531 Vue$3.prototype.$mount = function...

2020-05-27

57浏览

0评论

Vue AST源码解析第一篇

讲完了数据劫持原理和一堆初始化，现在是DOM相关的代码了。上一节是从这个函数开始的：// Line-3924 Vue.prototype._init = function(options) { // 大量初始化 // ... // G...

2020-05-27

44浏览

0评论

深入理解vue Render函数

最近在学习vue，正好今日留个笔记，我自己还在摸索学习中，现整理出来以作记录。
会使用基本的Render函数后，就会想，这怎么用 v-for/v-if/v-model;我写个vue Render函数进阶
首先是v...

2020-05-27

115浏览

0评论

解决vue router使用 history 模式刷新后404问题

因为我们的应用是单页客户端应用，当使用 history 模式时，URL 就像正常的 url，可以直接访问http://www.xxx.com/user/id，但是因为vue-router设置的路径不是真实存在的路径，所以刷...

2020-05-27

71浏览

0评论

详解vue前后台数据交互vue-resource文档

这两天学习了vue-resource插件个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。
Vue可以构建一个完全不依赖后端服务的应用，同时也可以与服务端进行数据交互来同步界面...

2020-05-27

62浏览

0评论

vue Render中slots的使用的实例代码

本文介绍了vue Render中slots的使用的实例代码，有需要了解vue Render中slots用法的朋友可参考。希望此文章对各位有所帮助。
render 中 slot 的一般默认使用方式如下：
this.$s...

2020-05-27

54浏览

0评论

js is_valid_filename验证文件名的函数

函数代码function is_valid_filename($name) { $parts = preg_split("/(\/|".preg_quote("\\").")/", $name); if (preg_match("/[a-z]:/i", $parts[0])) { unset($par...

2020-05-27

59浏览

0评论

详谈for循环里面的break和continue语句

break语句哇，我已经找到我要的答案了，我不需要进行更多的循环了！比如，寻找第一个能被5整除的数：for循环中，如果遇见了break语句，这个for循环就会立即终止，不在进行其他的迭代了。 fo...

2020-05-27

70浏览

0评论

js 事件的传播机制(实例讲解)

事件的默认传播机制：　　捕获阶段：从外向里依次查找元素　　目标阶段：从当前事件源本身的操作　　冒泡阶段：从内到外依次触发相关的行为（我们最常用的就是冒泡阶段）具体见下图：<!DO...

2020-05-27

68浏览

0评论

JavaScript 基础表单验证示例(纯Js实现)

验证思路监听每个input控件的焦点离开（onblue），当焦点离开时调用验证函数，验证后修改第三栏文字，显示符合/不符合并返回true/false实现代码：index.html<!DOCTYPE html><html><head...

2020-05-27

63浏览

0评论

详解Angular CLI + Electron 开发环境搭建

本文介绍了Angular CLI + Electron 开发环境搭建，分享给大家用 @angular/cli 配合 Electron 构建桌面软件开发环境，可以在 Electron 中使用 Angular 的各种特性，使开发桌面软件...

2020-05-27

59浏览

0评论

基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果

一、手风琴菜单效果图及代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>手风琴效果制作</title> <link rel="stylesheet" href="../css/res...

2020-05-27

91浏览

0评论

ReactNative短信验证码倒计时控件的实现代码

由于最近刚开始认真的搞RN，可能有一些封装的不是最佳实践，还是希望大家多提意见，和大家一起进步吧。本文介绍了ReactNative短信验证码倒计时控件，分享给大家
功能根据项目的需要...

2020-05-27

65浏览

0评论

基于JavaScript实现微信抢红包功能

金额随机：额度在0.01和(剩余平均值*2)之间。/** * 抢红包 * @param {[number]} totalAmount [总金额] * @param {[number]} totalPeople [总人数] * @return {[Array]}...

2020-05-27

71浏览

0评论

微信小程序“摇一摇”的实例代码

微信小程序并没有提供摇一摇API接口，但是提供了一个重力感应的API 「wx.onAccelerometerChange(CALLBACK)」，我们可以用这个方法来模拟微信摇一摇功能，代码如下：Page({ onShow:...

2020-05-27

100浏览

0评论

深入探究node之Transform

本文详细的介绍了node Transform ，分享给大家，希望此文章对各位有所帮助。Transform流特性在开发中直接接触Transform流的情况不是很多，往往是使用相对成熟的模块或者封装的API...

2020-05-27

64浏览

0评论

AngularJS实现的JSONP跨域访问数据传输功能详解

本文实例讲述了AngularJS实现的JSONP跨域访问数据传输功能。分享给大家供大家参考，具体如下：大家会自然想到只有一个字母之差的JSON吧~JSON(JavaScript Object Notation)和JSO...

2020-05-27

35浏览

0评论

基于BootStrap实现简洁注册界面

代码如下：

...

2020-05-27

54浏览

0评论

通过命令行创建vue项目的方法

最近想要学习vue，正好看到资料，如何通过命令创建vue项目的方法，就留个笔记环境要求：安装有 Node.js、 vue、vue-cli 。创建项目：vue init webpack projectName进入项目，下载依赖：n...

2020-05-27

60浏览

0评论

深入探究AngularJs之$scope对象（作用域）

这两天学习了AngularJs之$scope对象这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。
一、作用域AngularJs中的$scope对象是模板的域模型,也称为作用域实例.通过为...

2020-05-27

68浏览

0评论

node+vue实现用户注册和头像上传的实例代码

最近正好空闲，写了个实用注册代码，分享给大家，有需要的朋友可以了解一下
数据库我使用的是MongoDB。
首先做文件上传，要保证协议里面的'Content-Type'为'multipart/for...

2020-05-27

39浏览

0评论

webpack学习笔记之代码分割和按需加载的实例详解

本文介绍了webpack学习笔记之代码分割和按需加载的实例详解，分享给大家，也给自己留个笔记
为什么需要代码分割和按需加载代码分割就是我们根据实际业务需求将代码进行分割，然后...

2020-05-27

62浏览

0评论

关于webpack代码拆分的解析

最近在学习VUE的时候接触到了webpack，今天就留个小笔记，介绍一下webpack代码拆分
如果利用 webpack 将项目中的所有代码打包在一起，很多时候是不适用的，因为代码中有些东西我们...

2020-05-27

55浏览

0评论

详解用webpack把我们的业务模块分开打包的方法

webpack我自己还在摸索学习中，今天给大家分享个用webpack把我们的业务模块分开打包的方法，顺便留个笔记

如何用webpack打包这3个js?
只需修改webpack的配置文件webpack...

2020-05-27

69浏览

0评论

如何使用JS在HTML中自定义字符串格式化

Python中支持字符串格式化，其基本形式如下： str = "I'm %s, %s years old." % ('jack', 19) print(str) #结果： I'm jack, 19 years old. 在JavaScript中虽没有类似的方法，但我...

2020-05-27

62浏览

0评论

angular动态删除ng-repaeat添加的dom节点的方法

本文介绍了angular动态删除ng-repaeat添加的dom节点的方法，分享给大家供大家参考，具体如下：
通过点击删除按钮删除数据库信息以及当前行html代码如下:<div class="row"> <div...

2020-05-27

40浏览

0评论

Javascript别踩白块儿（钢琴块儿）小游戏实现代码

游戏唯一的一个规则，我们只需要不断踩着黑色方块前进即可，这里根据方向键来踩白块在规定时间内，每走一次分数加100游戏内的每一排都是一个有四个元素的数组，当正确的踩到黑块前...

2020-05-27

53浏览

0评论

微信小程序获取微信运动步数的实例代码

现在运动计步很火，无论是蚂蚁森林，还是微信上都很火爆，本文介绍了微信小程序微信运动步数的实例代码，分享给大家微信小程序API-微信运动
https://mp.weixin.qq.com/debug/wxado...

2020-05-27

57浏览

0评论

Bootstrap滚动监听组件scrollspy.js使用方法详解

其实滚动监听使用的情况还是很多的，比如导航居于右侧，当主题内容滚动某一块的时候，右侧导航对应的要高亮。实现功能
1、当滚动区域内设置的hashkey距离顶点到有效位置时，就关联...

2020-05-27

77浏览

0评论

用Vue-cli搭建的项目中引入css报错的原因分析

我最近在研究Vue的路上，今天遇到了个问题，在vue cli 引入css报错，后来查询了很多资料，那么今天也算个学习笔记吧！1.问题描述
之前用vue-cli搭建的项目，在main.js中引入elementUI库...

2020-05-27

67浏览

0评论

浅谈通过JS拦截 pushState和replaceState事件

history.pushState 和 history.replaceState 可以在不刷新当前页面的情况下更改URL，但是这样就无法获取通过AJAX得到的新页面的内容了。虽然各种HTML5文档说 window.onpopsta...

2020-05-27

44浏览

0评论

基于input框覆盖掉数字英文的实例讲解

例子1：<input type="text" value="0" onkeyup="cleartwoNum(this)">//限制input框输入只能数字:function cleartwoNum(obj) { obj.value = obj.value.replace(/[^\d]/g, '')...

2020-05-27

69浏览

0评论

js案例之鼠标跟随jquery版(实例讲解)

废话不多说，直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body,div{ margin:0; padding:0;...

2020-05-27

58浏览

0评论

解决html input验证只能输入数字,不能输入其他的问题

此方法为借鉴别人的，在此只做记录。希望对大家也有用。<input type="text" onkeyup="if(!/^\d+$/.test(this.value)) tip.innerHTML='必须输入数字，且不能有空格。'; else tip...

2020-05-27

50浏览

0评论

JavaScript实现购物车基本功能

JavaScript购物车最基本的功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下<!DOCTYPE html>
<html> <head> <meta charset="UTF-8"> <title></title> <...

2020-05-27

热门文章