编程开发 - 教程之家

编程开发

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

87浏览

0评论

深入理解vue.js中的v-if和v-show

本文主要给大家介绍了关于vue.js中v-if和v-show的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：1.共同点都是动态显示DOM元素2.区别（1）手段：v-if是动态的向DOM树内...

2020-05-27 13:51:47

74浏览

0评论

vue 请求后台数据的实例代码

需要引用vue-resource安装请参考https://github.com/pagekit/vue-resource官方文档在入口函数中加入import VueResource from 'vue-resource'Vue.use(VueResource);在packag...

2020-05-27 13:51:46

51浏览

0评论

Ajax高级笔记 JavaScript高级程序设计笔记

Ajax通信与数据格式无关，从服务器获取的数据不一定是XML数据。Ajax的核心：XMLHttpRequest对象(简称XHR)在XHR对象之前，Ajax通信通常使用hack手段，如使用隐藏的或内嵌的框架。XHR...

2020-05-27 13:51:45

55浏览

0评论

JavaScript中内存泄漏的介绍与教程（推荐）

本文主要给大家详细介绍了关于JavaScript中内存泄漏的相关内容，文中介绍的非常详细，对大家具有一定的参考学习价值，下面来一起看看详细的介绍：一、什么是内存泄漏？
程序的运行需...

2020-05-27 13:51:43

73浏览

0评论

EasyUI中的dataGrid的行内编辑

这个js代码是别人写的，可能不是最好的，但我个人觉得首先能帮助别人解决功能问题的话就特别好。我稍加修改后用在了自己的项目上了，这里贴出来分享一下。后台用的TinkPHP因为都...

2020-05-27 13:51:42

62浏览

0评论

详解Vue 2.0封装axios笔记

前言单页面应用大多采用前后端分离开发思路，我们知道，前端和后端交互有多中方式(服务器端渲染、Ajax、websocket等)，今天我们主要讲解Ajax部分。最近团队讨论了一下，Ajax 本身跟...

2020-05-27 13:51:41

84浏览

0评论

文本溢出插件jquery.dotdotdot.js使用方法详解

插件下载地址：https://github.com/FrDH/jQuery.dotdotdot引入jQuery.js和jquery.dotdotdot.js<script type="text/javascript" src="jquery.js"></script><script type="text...

2020-05-27 13:51:40

73浏览

0评论

详解Angular 中 ngOnInit 和 constructor 使用场景

1. constructorconstructor应该是ES6中明确使用constructor来表示构造函数的，构造函数使用在class中，用来做初始化操作。当包含constructor的类被实例化时，构造函数将被调用。...

2020-05-27 13:51:39

87浏览

0评论

详解Angular之constructor和ngOnInit差异及适用场景

Angular中根据适用场景定义了很多生命周期函数，其本质上是事件的响应函数，其中最常用的就是ngOnInit。但在TypeScript或ES6中还存在着名为constructor的构造函数，开发过程中经...

2020-05-27 13:51:37

58浏览

0评论

Angular2 父子组件数据通信实例

如今的前端开发，都朝组件式开发模式靠拢，如果使用目前最流行的前端框架Angular和React开发应用，不可避免地需要开发组件，也就意味着我们需要考虑组件间的数据传递等问题，不过Angu...

2020-05-27 13:51:35

59浏览

0评论

详解Angular2组件之间如何通信

组件之间的共享可以有好几种方式父->子 input 方式import {Component,Input} from 'angular2/core';@Component({ selector: 'child', template: ` <h2>child {{conten...

2020-05-27 13:51:33

45浏览

0评论

详解Angular 开发环境搭建

Angular 是一款开源 JavaScript 框架，由Google 维护，用来协助单一页面应用程序运行的。它的目标是增强基于浏览器的应用，使开发和测试变得更加容易。目前最新的 Angular 版本是...

2020-05-27 13:51:32

85浏览

0评论

vue.js 上传图片实例代码

最近爱上了用vue.js做前端，昨天用vue上传图片时遇到了问题，最后半天时间终于摸索出来，我将相关部分的代码贴出来。前端部分<div class="form-group"> <label>背景图</label>...

2020-05-27 13:51:30

56浏览

0评论

vue.js实现条件渲染的实例代码

一、初探条件渲染vue 的条件渲染，仍旧依赖于指令系统，下面逐个介绍：（1）v-if<div id="app"> <div v-if="c1">c1</div></div>......var app = new Vue({ el: '#app', data: {...

2020-05-27 13:51:28

86浏览

0评论

详解vuejs之v-for列表渲染

Vue.js是一个构建数据驱动的web界面的库。重点集中在MVVM模式的ViewModel层，因此非常容易与其它库或已有项目整合Vue.js 的核心是一个响应的数据绑定系统，它让数据与DOM保持同...

2020-05-27 13:51:27

58浏览

0评论

简单谈谈require模块化jquery和angular的问题

require 模块化开发问题，正常自己写的模块是exports 导出一个模块//模块化引入jquery 不同和问题require 引入jquery swiper .... 插件和库的时候需要require.config({　　b...

2020-05-27 13:51:25

85浏览

0评论

微信JS SDK接入的几点注意事项(必看篇)

微信JS SDK接入，主要可以先参考官网说明文档，总结起来有几个步骤：1.绑定域名：先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
备注：登录后可在...

2020-05-27 13:51:23

70浏览

0评论

小发现之浅谈location.search与location.hash的问题

背景用过Vue Router的童鞋应该对路由传参的方式多多少少有些印象，Vue Router支持两种传参方式：query与params；其中query方式就是动态地在路由url后面追加参数，就是http的get请求...

2020-05-27 13:51:22

74浏览

0评论

获取当前按钮或者html的ID名称实例(推荐)

今天做的上传图片，点击图片删除。随机给图片id，获取图片id，然后删除图片。由于图片id是随机的，用点击img或者点击class，获取id都不行，最后用onclick事件获取。js代码如下：$("#pic")...

2020-05-27 13:51:20

97浏览

0评论

angular select 默认值设置方法

如下所示：<select ng-model="selected" ng-options="x.id as x.name for x in users"></select>$scope.users = [ {name:'a',id:'1'}, {name:'b',id:'2'}, {name:'c...

2020-05-27 13:51:19

91浏览

0评论

关于使用js算总价的问题

昨天对接数据，发现有个商品总价需要计算，商品数量不定，商品价格不定，商品种类不定，有点蒙，想来想去想找到点简单的写法也没想到，最后提供一种简单的思路吧。商品数量，商品价格先建立...

2020-05-27 13:51:18

66浏览

0评论

angularJs的ng-class切换class

在angular中为我们提供了3种方案处理class：
1：scope变量绑定2：字符串数组形式。
3：对象key/value处理。第一种我们不推荐使用，看看其他两种解决方案：字符串数组形式字符串数组形...

2020-05-27 13:51:17

66浏览

0评论

详谈表单格式化插件jquery.serializeJSON

前言前端在处理含有大量数据提交的表单时，除了使用Form直接提交刷新页面之外，经常碰到的需求是收集表单信息成数据对象，Ajax提交。而在处理复杂的表单时，需要一个一个区手动判断...

2020-05-27 13:51:15

72浏览

0评论

微信小程序获取二维码实例详解

微信小程序获取二维码实例详解理论：接口A: 适用于需要的码数量较少的业务场景接口地址：（永久有效，数量有限，进入path对应的页面）https://api.weixin.qq.com/wxa/getwxacode&#63...

2020-05-27 13:51:13

70浏览

0评论

docker中编译nodejs并使用nginx启动

1.编译Nodejs要进行Nodejs编译，使用docker就变得非常的方便了。首先从hub.docker.com下载最新的镜像。https://hub.docker.com/_/node/一般的项目都使用的是node6的镜像。doc...

2020-05-27 13:51:11

76浏览

0评论

20行JS代码实现网页刮刮乐效果

分享一段用canvas和JS制作刮刮乐的代码，JS部分去掉注释不到20行代码效果如下盖伦.jpg刮刮乐.gifHTML部分<body> ![](img/gailun.jpg) <canvas id="canvas" width="400" hei...

2020-05-27 13:51:09

62浏览

0评论

微信小程序检查接口状态实例详解

微信小程序检查接口状态实例详解实例代码：// 检查接口是否可用wx.getSetting({ success(res) { if (!res['scope.record']) { // 接口调用询问 wx.authorize({ scop...

2020-05-27 13:51:07

72浏览

0评论

详解微信小程序 template添加绑定事件

详解微信小程序 template添加绑定事件对于模板的使用，我是想将模板的事件单独出来，其他引用模板的页面中不再掺杂模板事件，比较方便管理，如果还有其他好的解决办法，请赐教。temp...

2020-05-27 13:51:06

85浏览

0评论

创建简单的node服务器实例(分享)

话不多说直接上代码：var http = require('http')//对URL 解析为对象
//1.导入模块 URl模块var url = require('url')var fs = require('fs')var path = require('path')var m...

2020-05-27 13:51:05

78浏览

0评论

JS使用正则表达式验证身份证号码

废话不多说了，先给大家看一段代码吧function isCardNo(card) { // 身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X var reg...

2020-05-27 13:51:04

79浏览

0评论

js实现城市级联菜单的2种方法

本文实例为大家分享了js实现城市级联菜单的具体代码，供大家参考，具体内容如下方法一：用switch方法判断。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <ti...

2020-05-27 13:51:03

61浏览

0评论

QRCode.js：基于JQuery的生成二维码JS库的使用

1. QRCode.js
QRCode.js是一个二维码生成javascript库；支持跨浏览器的HTML5 Canvas和表格标签的DOM操作；并且不依赖其它的库或拓展。主页：QRCode.jsGithub：davidshimjs/qrcodejs...

2020-05-27 13:51:02

74浏览

0评论

AngularJS 限定$scope的范围实例详解

限定$scope的范围JavaScript基于原型的继承与面向对象中基于类的继承有着微妙的区别，这通常不是什么问题，但这个微妙之处在使用$scope时就会表现出来。在AngularJS中，每个$scop...

2020-05-27 13:51:01

79浏览

0评论

JavaScript实现简单的树形菜单效果

简单的一个树形菜单，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>树形菜单</title> <style> body { font: 12px/20px 宋...

2020-05-27 13:50:59

58浏览

0评论

详解vue模拟加载更多功能（数据追加）

使用vue制作加载更多功能，通过ajax获取的数据往data里面push经常不成功，原因是push是往数组中追加数据内容的，而不能用作数组之间的拼接，ajax获取的数据就是数组形式的，因此不成...

2020-05-27 13:50:58

72浏览

0评论

JavaScript订单操作小程序完整版

本文实例为大家分享了完整的订单操作小程序（增加订单，删除订单，修改订单数量），供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...

2020-05-27 13:50:57

79浏览

0评论

JavaScript对象_动力节点Java学院整理

JavaScript的对象是一种无序的集合数据类型，它由若干键值对组成。
JavaScript的对象用于描述现实世界中的某个对象。例如，为了描述“小明”这个淘气的小朋友，我们可以用若干键...

2020-05-27 13:50:55

65浏览

0评论

JS中将多个逗号替换为一个逗号的实现代码

这篇文章主要介绍了js 中将多个逗号替换为一个逗号的代码,需要的朋友可以参考下有时候有很多逗号，这样我们就不好处理了，下面的函数就是将多个逗号替换为一个逗号，方便后面的处...

2020-05-27 13:50:53

78浏览

0评论

Vue.js常用指令的使用小结

1.数据渲染：v-text、v-html、{{}}1.1 v-text详细：更新元素的 textContent。如果要更新部分的 textContent ，需要使用 {{ Mustache }} 插值。实例：<div id="app"> <p v-text="mes...

2020-05-27 13:50:52

67浏览

0评论

vue数据双向绑定的注意点

最近一个vue和element的项目中遇到了一个问题：动态生成的对象进行双向绑定是失败直接贴代码： <el-form :model="addClass" :rules="rules" ref="addClass"> <el-form-item...

2020-05-27 13:50:51

77浏览

0评论

VUE元素的隐藏和显示（v-show指令)

除了click单击事件，还有mouseover，mouseover等鼠标事件。
dbclick双击事件。v-on:click/mouseover/mouseover/mousedown/dbclick/...v-show指令v-show="true/false" //控制元...

2020-05-27 13:50:50

70浏览

0评论

微信小程序组件 marquee实例详解

微信小程序组件 marquee实例详解1. marquee标签
html是有marquee标签的，可以实现跑马灯效果，但小程序没有，所以要实现。这里考虑使用css3的animation实现。html的marquee是这样...

2020-05-27 13:50:49

57浏览

0评论

详解Vue.js之视图和数据的双向绑定(v-model)

1、使用v-model指令,使得视图和数据实现双向绑定。v-model主要用在表单的input输入框，完成视图和数据的双向绑定。
2、JavaScript代码<script type="text/javascript" src="....

2020-05-27 13:50:48

67浏览

0评论

JS判断非空至少输入两个字符的简单实现方法

dialog是我项目方法，你应该替换成alert(),或者你自己的var str = $("#stuName").val(); if (str.length < 2) { dialog("提示", "text:请输入至少两位字符", 300, "a...

2020-05-27 13:50:47

84浏览

0评论

js中的事件委托或是事件代理使用详解

起因：1、这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的；2、其实我一直都没弄明白，写这个一是为了备忘，二是给其他的知其然不知其所以然的小伙伴们以参考；概述：那什么...

2020-05-27 13:50:46

61浏览

0评论

JavaScript正则表达式简单实用实例

1.replacevar user='xia&&min**';user=user.replace(/[^A-Za-z\d_-]+/,''); //需要再次赋值console.log(user); //xiamin**user = user.replace(/[^A-Za-z\d_-]+/g, '');...

2020-05-27 13:50:45

68浏览

0评论

VUE中v-model和v-for指令详解

1.基本雏形<!DOCTYPE html><html><head> <title></title> <script src="https://unpkg.com/vue/dist/vue.js"></script> <script type="text/javascript"> window.onl...