详解vuejs之v-for列表渲染

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

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

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

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

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

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

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

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

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

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...

关于使用js算总价的问题

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

angularJs的ng-class切换class

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

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

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

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

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

docker中编译nodejs并使用nginx启动

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

详解vue模拟加载更多功能(数据追加)

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

JavaScript订单操作小程序完整版

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

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

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

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

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

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

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

vue数据双向绑定的注意点

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

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

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

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

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

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

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

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

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

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

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

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, '');...

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...

妙用Angularjs实现表格按指定列排序

使用AngularJS的过滤器,可以很容易的实现在表格中,点击某一列标题进行排序,实现过程如下:html代码:<table class="table table-border" ng-app="myapp" ng-controller="orderByCt...

详解用vue.js和laravel实现微信授权登陆

在laravel框架我们使用安正超的package网址:https://easywechat.org/有专门的针对laravel的安装包,请参见如下网址:https://github.com/overtrue/laravel-wechat下面来说说具体...

详解用vue.js和laravel实现微信支付

注:此项是微信公众号开发,请在往下看之前,先实现网页微信授权登陆功能,具体参看我简书的另一篇文章:https://www.freexyz.cn/article/117004.htm1.打开app/config/wechat.php,配置微...

Easyui在treegrid添加控件的实现方法

easyui 树加控件最近看了一个easy感觉里面的树搞得还不错,虽然觉得让人有点不灵活的感觉,我们来说说怎么在树种添加控件效果在书中添加需要用到formatter这个属性,可以在加载...

详解微信第三方小程序代开发

详解微信第三方小程序代开发微信申请第三方之后可以获取授权方的很多权限,主要的是生码和待开发,生码的第三方授权之前已经写了一篇文章,最近做了小程序待开发,总结一下写下来供...

详解webpack异步加载业务模块

虽然把我们用到的JS文件全部打包一个可以节省请求数,但如果打包后的JS文件过大,那么也容易出现白屏现象,许多操作失灵。而且一些区域是点到才出现,那么相关的JS其实可以剥离出这...

jquery单击文字或图片内容放大并居中显示

我们想要实现的效果是:点击一张小图,会在页面的居中位置显示一张大图。使用了animate动画函数,有从小图到大图,从小图位置到居中位置的轨迹。支持IE7及以上浏览器,火狐、谷歌浏览...

微信小程序与php 实现微信支付的简单实例

微信小程序与php 实现微信支付的简单实例小程序访问地址:
payfee.PHP:include 'WeixinPay.php'; $appid=''; $openid= $_GET['id']; $mch_id=''; $key=''; $out_trade_no = $...

JS失效 提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8

经过分析发现,这个是因为页面中html与js编码不一致导致的,一般情况最好统一标准的utf8的上网找了找,木有找到相关的解决办法,索性自己试了试。原页面是这样写的:<html>  <head>...

Avalonjs双向数据绑定与监听的实例代码

废话不多说了,直接给大家贴代码了,具体代码如下所示:<div class="content_table" ms-controller="checkname"> <table> <thead> <tr> <th width="15%">提交核...

jquery图片放大镜效果

昨天看一篇博文的时候,说到了这个效果,于是自己想试着写一个,没有使用插件,基本的想法就是,左边是小图,右边对应大图,鼠标进去小图范围之后,获取他的坐标(x,y)然后计算x/小图的宽度*大...

js实现文字列表无缝滚动效果

本文实例为大家分享了js文字列表无缝滚动的具体代码,供大家参考,具体内容如下HTML代码:<div id="rule"> <div class="list" id="list"> <p>用户185****0000 获得XXX优惠...

Angular2 组件通信的实例代码

1. 组件通信我们知道Angular2应用程序实际上是有很多父子组价组成的组件树,因此,了解组件之间如何通信,特别是父子组件之间,对编写Angular2应用程序具有十分重要的意义,通常来讲,...

JavaScript字符串检索字符的方法

在字符串中检索字符的几种方式,供大家参考,具体内容如下var text="abcdefgh你好,很高兴认识你!"; var str1="abc"; var str2="def"; var str3="ABC"; var str4="很高兴"; functi...

Vue组件化通讯的实例代码

1. Vue的组成文件(.vue)分为三部分,分别对应html,js,css<template></template><script></script><style></style>2. Vue的生命周期函数 beforeCreate() 创建数据之前 creat...

JS实现多张图片预览同步上传功能

废话不多说了,直接给大家贴代码了,具体代码如下所示:/** * Created by liujing on 2017/5/10. */$(document).ready(function($) { function changef(which,bulk,name_n){...

Angular2.js实现表单验证详解

表单创建一个有效、引人注目的数据输入体验。Angular表单协调一组数据绑定控件,跟踪变更。验证输入的有效性,并且显示错误信息。接下来,主要内容有:1、使用组件和模板构建Angula...

返回顶部
顶部