JavaScript - 教程之家

77浏览

0评论

微信小程序教程系列之设置标题栏和导航栏（7）

微信小程序标题栏和导航栏的设置方法，具体内容如下设置标题栏标题栏window在app.json文件里面，通过window对象里面的属性进行设置示例：
app.json：
运行：设置导航栏导航栏TabBar如...

2020-05-27

73浏览

0评论

Angular2数据绑定详解

大致介绍Angular2中数据绑定的方式默认是以单向方式，数据绑定的方式可以分为：1、属性绑定和插值表达式组件类-> 模板2、事件绑定：模板 -> 组件类3、双向绑定：模板 <-> 组件类...

2020-05-27

62浏览

0评论

微信小程序实战之登录页面制作（5）

提供一个登录页的案例，供同学们使用项目效果图：目录结构：图片资源：name.pngkey.pngloginLog.jpglogin.wxml：<view class="container"> <view class="login-icon"> <image class...

2020-05-27

74浏览

0评论

Jquery-data的三种用法

记录一下Jquery-data的用处：jQuery-data主要是用来存储数据，帮助普通对象或者jQuery对象来存储数据，其实如果单纯的储存dom的单一的属性，用attr自定义属性足够了；如果存储多个键...

2020-05-27

108浏览

0评论

微信小程序实战之自定义toast（6）

微信提供了一个toast的api wx.showToast()
相关连接：https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-react.html#wxshowtoastobject
本来是比较好的，方便使用，但是这个t...

2020-05-27

99浏览

0评论

微信小程序--onShareAppMessage分享参数用处(页面分享)

今天下午突然听到群里有人说微信小程序工具更新了,文档也更新了不少内容.顾不上吃冬至的饺子.我就冲进来了.先说分享功能,目前真机尚不能调试.开发工具上可以看看效果.后续...

2020-05-27

76浏览

0评论

微信小程序实战之自定义抽屉菜单（7）

微信提供了动画api，就是下面这个
相关链接：https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-animation.html#wxcreateanimationobject通过使用这个创建动画的api，可以做出...

2020-05-27

88浏览

0评论

微信小程序开发之从相册获取图片使用相机拍照本地图片上传

今天遇到微信小程序的用户头像设置功能,做笔记.先上gif:再上代码:小demo,代码很简单.1.index.wxml <button style="margin:30rpx;" bindtap="chooseimage"...

2020-05-27

76浏览

0评论

微信小程序开发之麦克风动画帧动画放大淡出

想做个录音机,第一步就卡在麦克风动画这里了.先上gif.再吐槽.① 上面gif中声波的动画是个半成品.没有循环播放.在微信小程序的开发文档上找了很久,也没找到循环模式的参数设...

2020-05-27

84浏览

0评论

微信小程序实战之自定义模态弹窗（8）

先看看官方提供的模态弹窗，供大家参考，具体内容如下api如下：示例：这样的模态弹窗，充其量只能做个alert，提示一下信息。
但是并不能使用它来处理复杂性的弹窗业务，因此写了Michael从...

2020-05-27

96浏览

0评论

jQuery加密密码到cookie的实现代码

废话不多说了，直接给大家贴代码了，具体代码如下所示： <!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body> <table> <tr>...

2020-05-27

88浏览

0评论

javascript实现日期三级联动下拉框选择菜单

由于工作中涉及到生日编辑资料编辑，年月日用上面网址案例：bug提示：编辑生日栏的【年】或者【月】，之前保存的具体的【日】就不显示啦，产品说不管编辑哪个数据，其他数据不变；然后自...

2020-05-27

92浏览

0评论

Vue键盘事件用法总结

这两天学习了Vue.js 感觉组件这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记,学习一下Vue键盘事件
键盘事件<!DOCTYPE html><html><head> <meta charset="utf-8">...

2020-05-27

99浏览

0评论

详解vue-router基本使用

路由，其实就是指向的意思，当我点击页面上的home 按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮...

2020-05-27

65浏览

0评论

Vue响应式原理详解

Vue 嘴显著的特性之一便是响应式系统（reactivity system），模型层（model）只是普通JavaScript对象，修改它则更新视图（view）。Vue 响应式系统的底层细节如何追踪变化把一个普通的JavaSc...

2020-05-27

101浏览

0评论

vue动态生成dom并且自动绑定事件

用jquery的时候你会发现，页面渲染后动态生成的dom，在生成之前的代码是没办法取到相应对象的，必须重新获取.但是vue基于数据绑定的特性让它能生成的时候直接绑定数据。
html:<di...

2020-05-27

66浏览

0评论

JavaScript实现前端分页控件

现在web注重用户体验与交互性，ajax 提交数据的方式很早就流行了，它能够在不刷新网页的情况下局部刷新数据。前端分页多是用ajax请求数据（其他方式也有比如手动构造表单...

2020-05-27

48浏览

0评论

Vue.js仿Metronic高级表格（二）数据渲染

上篇使用Vue.js制作仿Metronic高级表格（一）静态设计介绍了需求、原型设计以及静态页面实现，这篇讲解如何使用Vue渲染数据，实现动态展示。
表格数据
先定义一个数组来保存所有数...

2020-05-27

212浏览

0评论

纯JS实现图片验证码功能并兼容IE6-8(推荐)

最近要搞一个图片验证码功能，但是又不想自己写后台代码。于是自己准备搞一个纯前端的验证码功能，于是网上搜索了一下，找到一个插件gVerify.js，简单好用，实现完美。不过后面接到说...

2020-05-27

90浏览

0评论

详解vue表单验证组件 v-verify-plugin

verifygithub:https://github.com/liuyinglong/verify
npm:https://www.npmjs.com/package/vue-verify-plugininstallnpm install vue-verify-pluginusehtml
<div> <div>...

2020-05-27

80浏览

0评论

Angular2自定义分页组件

在项目中，前端传给后台的参数有：pageSize：每页的条数 pageNo：当前页码比如当前是第1页，每页20条，则后台返回第1页的20条记录（sql应该是用limit去获取分页数据）同时，后台接口还会返回...

2020-05-27

56浏览

0评论

angular-cli修改端口号【angular2】

找到node_modules/angular-cli/lib/config/schema.json default值就是默认的端口"serve": { "description": "Properties to be passed to the serve command", "type": "ob...

2020-05-27

71浏览

0评论

bootstrap日期控件问题（双日期、清空等问题解决）

bootstrap以它优美的外观和丰富的组件，使它成为目前最流行的前端框架。在项目开发中，我们使用它的日期控件确实遇到了一些问题：　　　　1.日期控件后面两个图标点击触发失效　...

2020-05-27

56浏览

0评论

Vuejs入门教程之Vue生命周期，数据，手动挂载，指令，过滤器

原教程：http://cn.vuejs.org/guide/instance.htmlhttp://cn.vuejs.org/guide/syntax.html本博文是在原教程的基础上加上实例，并尝试说明的更详细。（十）Vue实例的生命周期如图：（我...

2020-05-27

69浏览

0评论

微信小程序页面传值实例分析

微信小程序页面传值实例分析最近组里开发小程序，遇到了一个前端亘古不变的话题：页面传值
刚开始使用路径传参解决，但是众所周知：各浏览器HTTP Get请求URL最大长度并不相同，几类常...

2020-05-27

140浏览

0评论

JS条形码(一维码)插件JsBarcode用法详解【编码类型、参数、属性】

本文实例讲述了JS条形码插件JsBarcode用法。分享给大家供大家参考，具体如下：这里介绍一下在GitHub生成条形码的js插件→JsBarcode条码支持的有:CODE128
CODE128 (自动模式切...

2020-05-27

60浏览

0评论

vue2.0父子组件间通信的实现方法

1.父组件传递数据给子组件父组件数据如何传递给子组件呢？可以通过props属性来实现
父组件：
<parent> <child :child-msg="msg"></child>//这里必须要用 - 代替驼峰</parent>da...

2020-05-27

84浏览

0评论

JS实现AES加密并与PHP互通的方法分析

本文实例讲述了JS实现AES加密并与PHP互通的方法。分享给大家供大家参考，具体如下：有关数据加密解密问题，有很多钟加密方式；这里我讲述下js和php实现AES互通js加密：首先引入这几个...

2020-05-27

70浏览

0评论

微信小程序教程系列之视图层的条件渲染（10）

本教程为大家分享了使用wx:if进行视图层的条件渲染，供大家参考，具体内容如下
使用wx:if进行视图层的条件渲染
示例：wxml：使用view<button bindtap="EventHandl...

2020-05-27

68浏览

0评论

微信小程序开发入门基础教程

微信小程序开发入门基础教程本文档将带你一步步创建完成一个微信小程序，并可以在手机上体验该小程序的实际效果。开发准备工作获取微信小程序的 AppID登录 https://mp.weixin...

2020-05-27

91浏览

0评论

微信小程序登录的简单实现

微信小程序实现登录最近一段时间，微信小程序在张小龙的8小时演讲下瞬间火了起来，但是呢没火多久，就迅速沉静下去了，我也是不知道张小龙什么想法，但是我想法挺多的，好了，废话说多了...

2020-05-27

66浏览

0评论

JS正则验证多个邮箱完整实例【邮箱用分号隔开】

本文实例讲述了JS正则验证多个邮箱的方法。分享给大家供大家参考，具体如下：<html><head><meta charset="utf-8"><title>JS正则验证多个邮箱</title></head><body><SCRIPT LANG...

2020-05-27

46浏览

0评论

jQuery ajax请求struts action实现异步刷新

这个样例是用JQuery ajax和struts来做的一个小样例，在这个样例中采用两种方式将java Util中的list转换成支json的格式，第一种是用json-lib.jar这个jar包来转换，第二种是采用goo...

2020-05-27

68浏览

0评论

详解Node.js中exports和module.exports的区别

今天看了下node.js的require方法的源码，终于搞清楚exports和module.exports的区别了。我们知道，node.js的模块暴露有两种方法。1. 方式一：用exports
//a.js exports.log =funct...

2020-05-27

66浏览

0评论

微信小程序 slider的简单实例

微信小程序 slider的简单实例实现效果图：微信小程序slider应用，可加减的slider控制
<view class="control-w "> <block wx:for="{{controls}}" wx:key="id" wx:for-item="v">...

2020-05-27

62浏览

0评论

微信小程序滚动到某个位置添加class效果实现代码

微信小程序滚动到某个位置添加class效果
<scroll-view scroll-y="true" style="height:100vh;" bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll"...

2020-05-27

60浏览

0评论

Vuex简单入门

1.Vuex是什么？
学院派：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式；集中存储和管理应用的所有组件状态。
理解：以上这4个词是我们理解的关键。状态：什么是状态，我们可以通...

2020-05-27

94浏览

0评论

微信小程序判断手机号的实现代码

微信小程序判断是否是手机号JS实现代码： validatemobile: function (mobile) { if (mobile.length == 0) { wx.showToast({ title: '请输入手机号！', icon...

2020-05-27

80浏览

0评论

Vuex之理解Store的用法

1.什么是Store？
上一篇文章说了，Vuex就是提供一个仓库，Store仓库里面放了很多对象。其中state就是数据源存放地，对应于与一般Vue对象里面的data（后面讲到的actions和mutations对...

2020-05-27

67浏览

0评论

微信小程序聊天室简单实现

微信小程序聊天室简单实现utils文件夹下websoctet.js文件var url = 'ws://地址端口';function connect(user, func) { wx.connectSocket({ url: url, header: {"content-...

2020-05-27

80浏览

0评论

Vuex之理解state的用法实例

1.什么是state？
上一篇文章说了，Vuex就是提供一个仓库，仓库里面放了很多对象。其中state就是数据源存放地，对应于与一般Vue对象里面的data（后面讲到的actions和mutations对应于me...

2020-05-27

73浏览

0评论

Vuex之理解Getters的用法实例

1.什么是getters
在介绍state中我们了解到，在Store仓库里，state就是用来存放数据，若是对数据进行处理输出，比如数据要过滤，一般我们可以写到computed中。但是如果很多组件都使用...

2020-05-27

72浏览

0评论

Vuex之理解Mutations的用法实例

1.什么是mutations？
上一篇文章说的getters是为了初步获取和简单处理state里面的数据(这里的简单处理不能改变state里面的数据)，Vue的视图是由数据驱动的，也就是说state里面的...

2020-05-27

72浏览

0评论

jQuery Plupload上传插件的使用

首先下载plupload->http://www.plupload.com因为Plupload可配置参数比较多，所以这里讲解最常用的，结合jquery-ui展示的界面！如下:Plupload默认支持html5,flash,silverlight,ht...

2020-05-27

61浏览

0评论

javascript 中null和undefined区分和比较

javascript 中null和undefined区分和比较Undefined类型Undefined 类型只有一个值，即特殊 undefined 。在使用 var 声明变量但未对其加以初始化时，这个变量的值就是 undefined...

2020-05-27

74浏览

0评论

javascript中json对象json数组json字符串互转及取值方法

今天用到了json数组和json对象和json类型字符串之间互转及取值，记录一下：1.json类型的字符串转换为json对象及取值var jsonString = '{"bar":"property","baz":3}'; var jsOb...

2020-05-27

48浏览

0评论

javascript 的变量、作用域和内存问题

javascript 的变量、作用域和内存问题（一）JavaScript变量可以用来保存两种类型的值：基本类型值和引用类型值。基本类型的值源自以下5种基本数据类型：Undefined、Null、Boolean、...

2020-05-27

73浏览

0评论

利用node.js本地搭建HTTP服务器

我们的目的比较简单，利用node.js在本地搭建HTTP服务器，实现hello word。系统环境：win7 64bitIP:127.0.0.1Node.js:v6.10.2Npm:3.10.10Git:2.12.2.2-64-bit基本安装：1.Node.js安...

2020-05-27

75浏览

0评论

通过js修改input、select默认字体颜色

textarea默认字颜色以及获取焦点后的字的颜色，焦点获取后使默认消失<textarea cols="50" rows="5" id="textarea" onfocus="if(value=='获取到元素焦点'){value='';document....

2020-05-27

61浏览

0评论

jquery将标签元素的高设为屏幕的百分比

html部分：<body><div id="margin_box"></div></body>jquery部分：<script> $(function(){ var percent =0.15; $("#margin_box").css("height",window.document...

2020-05-27

热门文章