编程开发 - 教程之家

编程开发

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

67浏览

0评论

JS正则获取HTML元素的方法

本文实例讲述了JS正则获取HTML元素的方法。分享给大家供大家参考，具体如下：var html = $("#summaryTemplate").html();var imageMath = /<img [^<,>]*(?=target-type=("|'...

2020-05-27 14:37:17

73浏览

0评论

Angularjs使用指令做表单校验的方法

前言
通常，使用angular做表单验证，一般都是把验证规则单独写为service，然后通过依赖注入的方式调用。在个别情况下，例如用户注册表单，需要根据用户输入给出不同提示信息，使用servi...

2020-05-27 14:37:16

57浏览

0评论

AngularJS1.X学习笔记2-数据绑定详解

上一篇从整体上认识了Angular，从现在开始更加深入的学习Angular的特性。本次学习的是数据绑定。应该所有的MVC框架都会用到数据绑定，比如我所知道的ThinkPHP、struts等，只有实...

2020-05-27 14:37:15

75浏览

0评论

基于JavaScript实现验证码功能

本文实例为大家分享了JavaScript实现验证码的具体代码，供大家参考，具体内容如下1、一个简单的例子
新建 test.html
<!DOCTYPE html> <html> <meta http-equiv="Content-Type"...

2020-05-27 14:37:13

76浏览

0评论

JavaScript中闭包的详解

闭包是什么在 JavaScript 中，闭包是一个让人很难弄懂的概念。ECMAScript 中给闭包的定义是：闭包，指的是词法表示包括不被计算的变量的函数，也就是说，函数可以使用函数之外定义的...

2020-05-27 14:37:12

64浏览

0评论

ES6 Promise对象概念与用法分析

本文实例讲述了ES6 Promise对象概念与用法。分享给大家供大家参考，具体如下：1.Promise概念Promise 对象有三种状态：① Fulfilled 可以理解为成功的状态
② Rejected 可以理解为...

2020-05-27 14:37:11

54浏览

0评论

关于Node.js的events.EventEmitter用法介绍

Node.js 所有的异步 I/O 操作在完成时都会发送一个事件到事件队列。Node.js里面的许多对象都会分发事件：一个net.Server对象会在每次有新连接时分发一个事件，一个fs.readStre...

2020-05-27 14:37:10

115浏览

0评论

原生JS实现九宫格抽奖效果

效果图：代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <style> *{margin:0;paddin...

2020-05-27 14:37:09

59浏览

0评论

3分钟快速搭建nodejs本地服务器方法运行测试html/js

做前端的都知道，公司的项目在自己的电脑上搭建环境是挺麻烦的一件事情首先：一般个人电脑没公司的配置性能好，其次：搭建公司项目在自己电脑涉及很多缓存环境，资源环境包，数据库...

2020-05-27 14:37:08

58浏览

0评论

Linux CentOS系统下安装node.js与express的方法

前言最近因为工作需要，要安装使用node.js与express，但在网上找了很多步骤，各种问题，所以还是自己总结下吧。1、下载wget --no-check-certificate https://nodejs.org/dist/v6.10...

2020-05-27 14:37:07

97浏览

0评论

ES6(ECMAScript 6)新特性之模板字符串用法分析

本文实例讲述了ES6(ECMAScript 6)新特性之模板字符串用法。分享给大家供大家参考，具体如下：ES6引入了一种新型的字符串字面量语法，我们称之为模板字符串（template strings）。除了...

2020-05-27 14:37:04

84浏览

0评论

js实现音频控制进度条功能

效果图：代码如下：<!doctype html><html><head><meta name="author" content="dony"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="pragma" conten...

2020-05-27 14:37:01

54浏览

0评论

jq checkbox 的全选并ajax传参的实例

实例如下：/全选按钮 $("#all").click(function(){ if(this.checked){ $(":checkbox").prop("checked", true); }else{ $(":checkbox").removeAttr("c...

2020-05-27 14:36:58

51浏览

0评论

ES5学习教程之Array对象

前言ES5中新增的不少东西，了解之对我们写JavaScript会有不少帮助，下面主要介绍了ES5中的Array对象，需要的朋友们一起来看看吧。一、创建 Array 对象的语法：new Array();new Arra...

2020-05-27 14:36:57

54浏览

0评论

ES6新特性之变量和字符串用法示例

本文实例讲述了ES6新特性之变量和字符串用法。分享给大家供大家参考，具体如下：一、变量1. LET我们都习惯用var 来声明变量，现在还可以用let来声明变量，两者的主要区别是作用域：va...

2020-05-27 14:36:56

61浏览

0评论

手机端转换rem适应

话不多说，请看代码： <script> (function() { var changeRem = function() { document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.cl...

2020-05-27 14:36:55

78浏览

0评论

ES6新特性之数组、Math和扩展操作符用法示例

本文实例讲述了ES6新特性之数组、Math和扩展操作符用法。分享给大家供大家参考，具体如下：一、ArrayArray对象增加了一些新的静态方法，Array原型上也增加了一些新方法。1.Array....

2020-05-27 14:36:54

114浏览

0评论

Ajax异步文件上传与NodeJS express服务端处理

为了避免在实现简单的异步文件上传功能时候引入一个第三方库文件的尴尬情形（库文件可能造成多余的开销，拉低应用加载速度，尤其是在引入库文件之后仅使用其中一两个功能的情况下...

2020-05-27 14:36:53

82浏览

0评论

前端自动化开发之Node.js的环境搭建教程

一、为什么我们前端自动化开发
相信任何学开发的，不管学什么语言，老师都这样讲过，作为一名开发人员，你最大的精力应该是放在创造力上面，don't you repeat myself 不要重复自己，而...

2020-05-27 14:36:52

59浏览

0评论

jQuery UI Grid 模态框中的表格实例代码

在弹出的模态框中使用表格。在某些情况下，特别是 bootstrap modal，可能会出现表格渲染宽度过小或有时显示不完全。会误认为是由于 bootstrap modal 的动画渲染导致表格渲染时...

2020-05-27 14:36:50

95浏览

0评论

ES6新特性之解构、参数、模块和记号用法示例

本文实例讲述了ES6新特性之解构、参数、模块和记号用法。分享给大家供大家参考，具体如下：一、解构解构提供了一个方便的地从对象或数组中提取数据的方法，请看下面的例子：//ES6le...

2020-05-27 14:36:49

69浏览

0评论

Vue.js实战之组件之间的数据传递

前言Vue 的组件作用域都是孤立的，不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先用 vue-cli 创建一个项目，其中 App.vue...

2020-05-27 14:36:47

72浏览

0评论

ES6新特性之模块Module用法详解

本文实例讲述了ES6新特性之模块Module用法。分享给大家供大家参考，具体如下：一、Module简介ES6的Class只是面向对象编程的语法糖，升级了ES5的构造函数的原型链继承的写法，并没有...

2020-05-27 14:36:46

68浏览

0评论

ES6新特性之函数的扩展实例详解

本文实例讲述了ES6新特性之函数的扩展。分享给大家供大家参考，具体如下：一、函数参数默认值1. ES6允许为函数的参数设置默认值，即直接写在参数定义的后面。function log(x, y =...

2020-05-27 14:36:45

67浏览

0评论

Vue.js实战之利用vue-router实现跳转页面

前言使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。官方文档： https://router.vuejs.org/zh-cn...

2020-05-27 14:36:43

80浏览

0评论

NodeJS基础API搭建服务器详细过程记录

前言在习惯了使用express框架，jade模板引擎等现成工具来写代码之后，很多人对于基本的NodeJS API会慢慢生疏。本文将以一个超小型web项目，来详细介绍如何使用NodeJS基础的http,...

2020-05-27 14:36:41

65浏览

0评论

ES6新特性之字符串的扩展实例分析

本文实例讲述了ES6新特性之字符串的扩展。分享给大家供大家参考，具体如下：一、ES5字符串函数concat: 将两个或多个字符的文本组合起来，返回一个新的字符串。
indexOf: 返回字符...

2020-05-27 14:36:40

53浏览

0评论

JavaScript 事件流、事件处理程序及事件对象总结

JS与HTML之间的交互通过事件实现。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用监听器(或处理程序)来预定事件，以便事件发生时执行相应的代码。这种在传统...

2020-05-27 14:36:39

62浏览

0评论

javascript 中的try catch应用总结

javascript 中的try catch应用总结实例代码：<script language="JavaScript"> try { throw new Error(10,"asdasdasd") } catch (e) { alert(e.message); alert(e.description...

2020-05-27 14:36:38

61浏览

0评论

vue货币过滤器的实现方法

自定义事件也可以用来创建自定义的表单输入组件，使用 v-model 来进行数据双向绑定。所以要让组件的 v-model 生效，它必须：
接受一个 value 属性在有新的 value 时触发 inpu...

2020-05-27 14:36:37

54浏览

0评论

vue2.0构建单页应用最佳实战

前言我们将会选择使用一些vue周边的库 vue-cli , vue-router , vue-resource , vuex1.使用vue-cli创建项目2.使用vue-router实现单页路由3.用vuex管理我们的数据流4.使用vue...

2020-05-27 14:36:36

57浏览

0评论

AngularJS页面传参的5种方式

Angular页面传参有多种办法，根据不同用例，我举5种最常见的（请在网页版知乎浏览答案）：1. 基于ui-router的页面跳转传参 (1) 在AngularJS的app.js中用ui-router定义路由，比如现在有...

2020-05-27 14:36:35

66浏览

0评论

Vue.js实战之Vuex的入门教程

前言在 Vue.js 的项目中，如果项目结构简单，父子组件之间的数据传递可以使用 props 或者 $emit 等方式，详细点击这篇文章查看。但是如果是大型项目，很多时候都需要在子组件之间...

2020-05-27 14:36:33

34浏览

0评论

JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】

本文实例讲述了JS常见创建类的方法。分享给大家供大家参考，具体如下：Javascript是一种基于对象的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）...

2020-05-27 14:36:32

54浏览

0评论

vue-cli+webpack记事本项目创建

vue-cli+webpack记事本项目使用的是vue-cli2.0里面的项目构建工具webpack项目的准备工作：1.了解vue2.02.了解一些ES63.储备一些webpack知识参照项目地址：vue2.0构建单页应用最...

2020-05-27 14:36:31

58浏览

0评论

Node.js之网络通讯模块实现浅析

前言
想必我们在用Node.js用的最多的应该是创建http服务，所以对于每个Web开发工程师而言，Node.js的网络相关模块学习是必不可少。Node.js的网络模块架构
在Node.js的模块里面，...

2020-05-27 14:36:29

52浏览

0评论

微信小程序列表的上拉加载和下拉刷新的实现

微信小程序可谓是9月21号之后最火的一个名词了，一经出现真是轰炸了整个开发人员，当然很多App开发人员有了一个担心，微信小程序的到来会不会让移动端App颠覆，让移动端的程序员失...

2020-05-27 14:36:28

118浏览

0评论

微信小程序网络请求的封装与填坑之路

以前写过一篇关于微信小程序上拉加载，上拉刷新的文章，今天写的是关于小程序网络请求的封装。在这里首先声明一个小程序文档的bug，导致大伙们在请求的时候，服务器收到不到参数的...

2020-05-27 14:36:27

64浏览

0评论

如何选择jQuery版本 1.x? 2.x? 3.x?

前言大家在选择版本的时候，一般原则是越新越好，但其实不然，jQuery版本是在不断进步和发展的，最新版是当时最高技术水平，也是最先进的技术理念。如何选择jQuery版本是个值得思考的...

2020-05-27 14:36:25

57浏览

0评论

JS中使用正则表达式g模式和非g模式的区别

先给大家说下js正则表达式中的g到底是什么意思g是global的缩写啊！就是匹配全部可匹配结果，如果你不带g,在正则过程中，字符串是从左至右匹配的，如果匹配成功就不再继续向右匹配了...

2020-05-27 14:36:24

64浏览

0评论

Vue表单验证插件的制作过程

前言
前段时间，老大搭好了Vue的开发环境，于是我们愉快地从JQ来到了Vue。这中间做的时候，在表单验证上做的不开心，看到vue的插件章节，感觉自己也能写一个，因此就自己开始写了一个表...

2020-05-27 14:36:22

44浏览

0评论

JS中正则表达式全局匹配模式 /g用法详解

本文章来详细介绍js中正则表达式的全局匹配模式 /g用法,代码如下:var str = "123#abc"; var re = /abc/ig; console.log(re.test(str)); //输出ture console.log(re.test(st...

2020-05-27 14:36:21

58浏览

0评论

jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】

本文实例讲述了jQuery插件FusionCharts绘制的3D环饼图效果。分享给大家供大家参考，具体如下：1、index.html页面：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//...

2020-05-27 14:36:20

58浏览

0评论

使用canvas及js简单生成验证码方法

在很多时候都需要用到验证码，前端验证码需要知道Html5中的canvas知识点。验证码生成步骤是：1.生成一张画布canvas2.生成随机数验证码 3.在画布中生成干扰线 4.把验证码文本填...

2020-05-27 14:36:18

64浏览

0评论

JS异步文件上传（兼容IE8+）

在非html5的情况下是无法用ajax把文件推送到后端的，只能通过form表单提交。但是form表单提交后浏览器会根据响应头与状态码对当前页面进行渲染、下载或跳转等行为，返回text、h...

2020-05-27 14:36:17

54浏览

0评论

基于JQuery和原生JavaScript实现网页定位导航特效

慕课网的一个小课程，练习了一遍，不足之处，欢迎指正（照片在本地，大家可以着重看代码哈）：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>爱淘气购物网－JQue...

2020-05-27 14:36:16

42浏览

0评论

jQuery实现分页功能（含ajax请求、后台数据、附完整demo）

需求分析　　1）需要首页，末页功能　　2）有点击查看上一页，下一页功能　　3）页码到当前可视页码最后一页刷新页面实现思路也是分为三部分处理　　1）点击首页，末页直接显示第一页或者...

2020-05-27 14:36:14

57浏览

0评论

使用jQuery卸载全部事件的思路详解

说到事件, jquery 做了不少,当然也有 data 的很多功劳,因为原生 js 不支持匿名卸载事件的,而她为了开发者好用支持了匿名的匿名事件的思路首先她会判断目标是否是元素或者对...

2020-05-27 14:36:12

56浏览

0评论

webpack独立打包和缓存处理详解

前言先前写了一篇webpack入门的文章《webpack入门必知必会》，简单介绍了webpack拆分、打包、压缩的使用方法。本文将在上篇文章的基础上进一步讲解在使用webpack构建的项目中...

2020-05-27 14:36:11

130浏览

0评论

jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题

jQuery中animate()的方法用于创建自定义动画的函数。
返回值:jQuery animate(params, [duration], [easing], [callback])如果使用的是“hide”、“show”或“toggle”这样...

2020-05-27 14:36:10

首页 «1154 115511561157 1158 »尾页

热门文章