编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

68浏览

0评论

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

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

2020-05-27 12:41:15

61浏览

0评论

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

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

2020-05-27 12:41:14

48浏览

0评论

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

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

2020-05-27 12:41:12

39浏览

0评论

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

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

2020-05-27 12:41:11

56浏览

0评论

Vue之Watcher源码解析（2）

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

2020-05-27 12:41:10

51浏览

0评论

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

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

2020-05-27 12:41:09

62浏览

0评论

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

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

2020-05-27 12:41:08

63浏览

0评论

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

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

2020-05-27 12:41:06

125浏览

0评论

Vue之Watcher源码解析（1）

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

2020-05-27 12:41:05

48浏览

0评论

Vue AST源码解析第一篇

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

2020-05-27 12:41:04

40浏览

0评论

深入理解vue Render函数

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

2020-05-27 12:41:02

106浏览

0评论

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

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

2020-05-27 12:41:01

61浏览

0评论

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

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

2020-05-27 12:41:00

53浏览

0评论

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

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

2020-05-27 12:40:59

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 12:40:58

52浏览

0评论

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

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

2020-05-27 12:40:56

61浏览

0评论

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

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

2020-05-27 12:40:55

59浏览

0评论

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

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

2020-05-27 12:40:54

53浏览

0评论

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

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

2020-05-27 12:40:52

48浏览

0评论

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

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

2020-05-27 12:40:51

72浏览

0评论

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

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

2020-05-27 12:40:49

57浏览

0评论

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

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

2020-05-27 12:40:47

56浏览

0评论

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

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

2020-05-27 12:40:46

81浏览

0评论

深入探究node之Transform

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

2020-05-27 12:40:45

49浏览

0评论

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

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

2020-05-27 12:40:43

28浏览

0评论

基于BootStrap实现简洁注册界面

代码如下：

...

2020-05-27 12:40:42

42浏览

0评论

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

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

2020-05-27 12:40:40

51浏览

0评论

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

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

2020-05-27 12:40:37

56浏览

0评论

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

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

2020-05-27 12:40:36

35浏览

0评论

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

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

2020-05-27 12:40:35

51浏览

0评论

关于webpack代码拆分的解析

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

2020-05-27 12:40:33

47浏览

0评论

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

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

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

2020-05-27 12:40:32

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 12:40:31

56浏览

0评论

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

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

2020-05-27 12:40:28

32浏览

0评论

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

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

2020-05-27 12:40:27

46浏览

0评论

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

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

2020-05-27 12:40:25

47浏览

0评论

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

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

2020-05-27 12:40:24

70浏览

0评论

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

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

2020-05-27 12:40:22

52浏览

0评论

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

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

2020-05-27 12:40:21

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 12:40:20

65浏览

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 12:40:19

47浏览

0评论

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

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

2020-05-27 12:40:18

44浏览

0评论

JavaScript实现购物车基本功能

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

2020-05-27 12:40:16

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 12:40:15

43浏览

0评论

js实现水平滚动菜单导航

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

2020-05-27 12:40:14

58浏览

0评论

基于JavaScript实现弹幕特效

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

2020-05-27 12:40:12

41浏览

0评论

基于JavaScript实现选项卡效果

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

2020-05-27 12:40:11

58浏览

0评论

基于JavaScript实现无缝滚动效果

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

2020-05-27 12:40:09

60浏览

0评论

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

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

2020-05-27 12:40:07

53浏览

0评论

基于JavaScript实现数码时钟效果

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

2020-05-27 12:40:06

首页 «1204 120512061207 1208 »尾页

热门文章