JavaScript - 教程之家

40浏览

0评论

深入理解vue Render函数

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

2020-05-27

104浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

45浏览

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

50浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

79浏览

0评论

深入探究node之Transform

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

28浏览

0评论

基于BootStrap实现简洁注册界面

代码如下：

...

2020-05-27

42浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

35浏览

0评论

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

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

2020-05-27

51浏览

0评论

关于webpack代码拆分的解析

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

2020-05-27

45浏览

0评论

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

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

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

2020-05-27

58浏览

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

56浏览

0评论

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

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

2020-05-27

32浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

37浏览

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

61浏览

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

43浏览

0评论

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

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

2020-05-27

44浏览

0评论

JavaScript实现购物车基本功能

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

2020-05-27

51浏览

0评论

修改 bootstrap table 默认detailRow样式的实例代码

废话不多说了，直接给大家贴代码，具体代码如下所示：this.$body.find('> tr[data-index] > td > .detail-icon').off('click').on('click', function () { var $this = $(this),...

2020-05-27

43浏览

0评论

js实现水平滚动菜单导航

项目中用到了滚动导航，但是默认的滚动条太丑了，只好用js自己模拟了一个。凑合用可以，不算完美。希望以后有机会再来修饰一下。先来看下最终效果：最终效果先看html结构:<div id='...

2020-05-27

58浏览

0评论

基于JavaScript实现弹幕特效

本文实例为大家分享了js实现弹幕特效的具体代码，供大家参考，具体内容如下此处使用HBuilder编译，最简单的弹幕效果，希望各位前辈不吝指教。
注意用的是jquery-2.0.3.js
<!DOCTY...

2020-05-27

41浏览

0评论

基于JavaScript实现选项卡效果

一个简单的选项卡的关键在于：当切换页面时，如何让所选的选项和与其对应的内容同时出现，并且在选择其他的内容时，不影响新的内容的显示。
其中用到两个很关键的思想：
1.为对象增...

2020-05-27

58浏览

0评论

基于JavaScript实现无缝滚动效果

本文实例为大家分享了JavaScript实现无缝滚动效果展示的具体代码，供大家参考，具体内容如下
首先应该区分样式中的绝对定位和相对定位，一般来说，移动的单位为绝对定位，在这个实...

2020-05-27

58浏览

0评论

bootstrap多层模态框滚动条消失的问题

bootstrap 打开多层模态框的情况下，关闭任意一个模态框，都会导致其余模态框的滚动条消失。
监测html发现，当打开模态框时，会给 body 元素加一个 modal-open 的 class，而在 bootst...

2020-05-27

53浏览

0评论

基于JavaScript实现数码时钟效果

本文实例为大家分享了js实现数码时钟效果展示的具体代码，供大家参考，具体内容如下通过建立toDBl函数将小于10的时间前面补上“0”使得时钟正常运行。通过for循环将数组中...

2020-05-27

92浏览

0评论

用javascript获取任意颜色的更亮或更暗颜色值示例代码

前言本文主要给大家介绍的是关于利用javascript获取任意颜色更亮或更暗颜色值的相关内容，下面话不多说，来一起看看详细的介绍：预处理CSS，比如Sass和less可以通过设定一个特定值，...

2020-05-27

71浏览

0评论

Vue学习笔记进阶篇之函数化组件解析

这两天学习了Vue.js 感觉函数化组件这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记
介绍之前创建的锚点标题组件是比较简单，没有管理或者监听任何传递给他的状态，也没...

2020-05-27

73浏览

0评论

Axios学习笔记之使用方法教程

前言最近正在学习Axios，相信大家都知道Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。所以本文将详细介绍关于Axios使用方法的相关内容，分享出来供大家参...

2020-05-27

89浏览

0评论

AngularJS中使用three.js的实例详解

AngularJS中使用three.js的实例详解一、轨迹球的引入问题一开始我是用下面的方式引如轨迹球，但是会报Trackballcontrols is undefined的错。import * as THREE from 'three';...

2020-05-27

63浏览

0评论

Javascript es7中比较实用的两个方法示例

本文主要跟大家介绍了关于es7中两个比较实用的方法，分享出来供大家参考学习，下面话不多说，来一起看看详细的介绍：
一、、operator (求幂运算符)**
console.log(2**3);//8console...

2020-05-27

291浏览

0评论

js图片轮播插件的封装

本文为大家分享了js图片轮播插件的具体代码，供大家参考，具体内容如下我封装的这个轮播插件只需要获取到图片和按钮就可以啦。css 样式.body{ width: 700px; margin: 100px a...

2020-05-27

57浏览

0评论

es7学习教程之fetch解决异步嵌套问题的方法示例

本文主要给大家介绍的是关于fetch API解决异步嵌套问题，下面话不多说，来一起看看详细的介绍：
我们之前学习了async和await，知道他是为了解决浏览器异步获取的的！但是我们用fetch...

2020-05-27

58浏览

0评论

VUE中使用Vue-resource完成交互

本文介绍了VUE中使用Vue-resource完成交互，分享给大家，具体如下使用vue-resource引入vue-resourcevue-resource就像jQuery里的$.ajax，是用来跟后端交互数据的，vue-resource是vue...

2020-05-27

80浏览

0评论

es7学习教程之Decorators（修饰器）详解

本文主要给大家介绍的是关于es7 Decorators（修饰器）的相关内容，分享出来供大家参考学习，下面话不多说，来一起看看详细的介绍：ES6 Decorators（修饰器）
修饰器（Decorator）是一个函数，用来...

2020-05-27

49浏览

0评论

Angular+Bootstrap+Spring Boot实现分页功能实例代码

需要用到的jsangular.js（用angular.min.js会导致分页控件不显示）ui-bootstrap-tpls.min.jsangular-animate.js需要用到的cssbootstrap.min.css由于本项目使用了路由，所以讲js以...

2020-05-27

热门文章