Welcome 微信登录

首页 / 脚本样式 / JavaScript

Vue.js中数组变动的检测详解

Vue.js中数组变动的检测详解

前言最近在尝试用Vue.js重构公司的现有业务代码,组件化的设计思路和MVVM的思想让我深深沉迷于其中。但是是踩到了不少坑,就比如这篇文章介绍的数组绑定后的更新检测。相信大家都知道Observer,Watcher,vm 可谓 Vue 中比较重要的部分,检测数据变动后视图更新的重要环节。在 vue.js中$watch的用法示例 中,我们讨论了如何实现基本的 watch 。接下来,我们来看看如何实现数组变动检测。例子:// 创建 vmlet vm = new ...
JavaScript实现页面定时刷新(定时器,meta)

JavaScript实现页面定时刷新(定时器,meta)

接下来进入正题-定时不断刷新页面的方法:1.看到定时,很容易想到js的定时器://第一种方法//由于我们已经有了一个定时器,所以只要在定时器test中加入一句刷新页面的代码即可function test(){h1.style.color = "red";h1.innerText = "我变化了";history.go(0);//可以换成上一篇博客的任何一种方法。}setInterval(test, 1000);2.通过meta来设置:<!--第二种方...
vue.js表格组件开发的实例详解

vue.js表格组件开发的实例详解

前言组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展。组件开发的基础组件可以扩展 HTML 元素,封装可重用的代码。我理解为功能模块的模板吧。对于vue来说,组件是这个样子的,我们在html里面写<div id="example"><m...
微信js-sdk地理位置接口用法示例

微信js-sdk地理位置接口用法示例

本文实例讲述了微信js-sdk地理位置接口用法。分享给大家供大家参考,具体如下:前提,已经在wx.config()中权限验证通过,官方文档地址官方api使用微信内置地图查看位置接口wx.openLocation({latitude: 0, // 纬度,浮点数,范围为90 ~ -90longitude: 0, // 经度,浮点数,范围为180 ~ -180。name: "", // 位置名address: "", // 地址详情说明scale: 1, // ...
jquery 抽奖小程序实现代码

jquery 抽奖小程序实现代码

用jquery实现抽奖小程序这些日子,到处都可以看到关于微信小程序的新闻或报到,在博客园中写关于微信小程序的也不少。但是今天我要说的不是微信小程序,而是用简单的jquery写的一个好玩的抽奖小程序。最后介绍了后面关于抽奖小程序的一些后面更新的方向和Math.random的一些小知识。(最终结果保存在:http://runjs.cn/detail/rq3bbhto,点击可查看效果)下面先看一个简单的抽奖小程序的例子:html:<div class="g...
webpack+vue.js快速入门教程

webpack+vue.js快速入门教程

前言vuejs——轻量、学习成本低、双向绑定、无dom的操作、组件的形式编写vuejs是个轻量级的mvvm框架, 集合了angular的基本功能,却又比angular更为精简,功能上涵盖了双向绑定、指令、逻辑控制、过滤器、事件监听、函数等。框架的特点使得项目 在状态变更、分页的场景下可以拥有很大的便利——所有的操作只需要变更数组,没有任何的dom操作。webpack——CommonJS的引用和编写方式、loader非常的丰富,包括vue-loader、cs...
JS禁止查看网页源代码的实现方法

JS禁止查看网页源代码的实现方法

先给大家分享下三种查看路径的方法:1、直接按F122、Ctrl+Shift+I查看3、鼠标点击右键查看把以上三种状态都屏蔽掉就可以了,document有onkeydown(键盘按键事件),该事件里面找到对应的keycode并处理就可以,document也有oncontextmenu鼠标右键事件,屏蔽即可。JS撸码如下:window.onload=function(){document.onkeydown=function(){var e=window.ev...
微信js-sdk上传与下载图片接口用法示例

微信js-sdk上传与下载图片接口用法示例

本文实例讲述了微信js-sdk上传与下载图片接口用法。分享给大家供大家参考,具体如下:前提已经在wx.config()中,将图片接口验证通过。微信js-sdk 中上传图片接口(uploadImage)和下载图片接口(downloadImage)都是针对微信服务器本身的。以官方文档为准注:1.使用chooseImage接口获取到微信客户端图片地址的与都是 weixin://xxxx2.上传图片有效期3天,可用微信多媒体接口下载图片到自己的服务器,此处获得的 ...
微信小程序 加载 app-service.js 错误解决方法

微信小程序 加载 app-service.js 错误解决方法

微信小程序开发过程中出现错误,经过一番思考解决此问题,这里给大家提醒下!加载 app-service.js 错误WAService.js:2 不要在 undefined.js 注册多个PageAPP-SERVICE-Engine:Please do not register multiple Page in undefined.js开始新建一个小程序,结果报这么多错误。但是我点击到编辑页查看的时候,没有pages,utils呀。。进入app.js没有注册多...
webpack+vue.js实现组件化详解

webpack+vue.js实现组件化详解

简介在vue中实现组件化用到了vue特有的文件格式.vue,在每一个.vue文件就是一个组件,在组件中我们将html,css,js全部写入,然后在webpack中配置vue-loader就可以了。建立vue组件在src目录下建立components文件夹,并在其中建立app.vue文件,这样我们项目的目录结构如下:|--dist//webpack打包后生成的文件夹| |--build.js|--node_modules//项目的依赖所在的文件夹|--src...
微信小程序 location API接口详解及实例代码

微信小程序 location API接口详解及实例代码

微信小程序 location API 接口:现在微信小程序火了,利用假期时间学习了下,微信小程序的基础知识,嘿嘿!以下是记录学习微信小程序 location API接口,并且写了一个小实例来记录,如有错误之处还请指正。微信小程序的位置接口共有两个:1、wx.getLocation(OBJECT)获取当前的地理位置、速度。2、wx.openLocation(OBJECT) 使用微信内置地图查看位置然后,根据object参数说明,结合module模块化重写了下...
微信js-sdk界面操作接口用法示例

微信js-sdk界面操作接口用法示例

本文实例讲述了微信js-sdk界面操作接口用法。分享给大家供大家参考,具体如下:前提已经在wx.config()中获取到接口的权限,以官方文档为准说明:1.目前提供的界面操作接口和使用都比较简单2.有些好像还有点重复3.“调整字体”、“投诉”这两个测试的时候无法隐藏,属于基础类一、关闭微信浏览器窗口wx.closeWindow()window.close()关闭微信浏览器无效,当前方法被屏蔽,在 Cordova的WebView中也是这样不可用二、显示或隐藏...
<< 1451 1452 1453 1454 1455 1456 1457 1458 1459 1460 >>