Welcome 微信登录

首页 / 脚本样式 / JavaScript

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

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

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

JavaScript实现页面定时刷新（定时器，meta）

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

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

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

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

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

jquery 抽奖小程序实现代码

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

webpack+vue.js快速入门教程

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

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

2017年02月06日 43 阅读
先给大家分享下三种查看路径的方法：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上传与下载图片接口用法示例

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

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

2017年02月06日 44 阅读
微信小程序开发过程中出现错误，经过一番思考解决此问题，这里给大家提醒下！加载 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实现组件化详解

2017年02月06日 43 阅读
简介在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接口详解及实例代码

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

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

2017年02月06日 48 阅读
本文实例讲述了微信js-sdk界面操作接口用法。分享给大家供大家参考，具体如下：前提已经在wx.config（）中获取到接口的权限，以官方文档为准说明：1.目前提供的界面操作接口和使用都比较简单2.有些好像还有点重复3.“调整字体”、“投诉”这两个测试的时候无法隐藏，属于基础类一、关闭微信浏览器窗口wx.closeWindow（）window.close（）关闭微信浏览器无效，当前方法被屏蔽，在 Cordova的WebView中也是这样不可用二、显示或隐藏...
ExtJS 4.2 Grid组件单元格合并的方法

ExtJS 4.2 Grid组件单元格合并的方法

2017年02月06日 45 阅读
ExtJS 4.2 Grid组件本身并没有提供单元格合并功能，需要自己实现这个功能。目录1. 原理2. 多列合并3. 代码与在线演示1. 原理1.1 HTML代码分析首先创建一个Grid组件，然后查看下的HTML源码。1.1.1 Grid组件1.1.2 HTML代码从这些代码中可以看出，Grid组件可分为grid-header和grid-body 两块区域（若含有工具栏和分页栏，它们都会含有各自的独立区域）。其中grid-body包含了许多tr元素，每一个...
jquery实现轮播图详解及实例代码

jquery实现轮播图详解及实例代码

2017年02月06日 48 阅读
轮播图：接触jquery也有一段时间了，今天刚好利用轮播图来练练手。博文的前面会介绍一个简单用jquery做轮播图的例子，中间会插入一些关于轮播图更多的思考，在后面会用Javascript的方法来写一个轮播图，最后则是关于jquery和Javascript的比较。轮播图的效果可以点击如下链接查看：http://sandbox.runjs.cn/show/t07kscphjquery做轮播图的例子：html部分代码：<！DOCTYPE html>...
手机端实现Bootstrap简单图片轮播效果

手机端实现Bootstrap简单图片轮播效果

2017年02月06日 43 阅读
个人电脑里存了不少适合手机欣赏的图片，但是放手机里看是件很占据资源的事。鉴于家里有一台电脑经常开着，正好用来做家庭局域网共享，于是笔者就设想通过一种比较简单环保的思路。通过手机访问电脑内的图片。首先是本地站点搭建：win+R输入mmc打开控制台，文件-添加/删除管理单元，Internet信息服务。添加确定，右侧基本信息，新建网站-把路径改了。设定一个端口号，手机浏览器就可以输入 电脑局域网ip:端口号 就可以连上去了。接下来问题来了，一个个点击查看然后关闭...
Javascript中this绑定的3种方法与比较

Javascript中this绑定的3种方法与比较

2017年02月06日 44 阅读
介绍this 可以说是 javascript 中最耐人寻味的一个特性，学习this 的第一步就是明白 this 既不是指向函数自身也不指向函数的作用域。 this 实际上是在函数被调用时发生的绑定，它指向什么地方完全取决于函数在哪里被调用。为什么需要绑定thisthis代指当前的上下文环境，在不经意间容易改变：var info = "This is global info";var obj = { info: "This is local info", g...
微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例

微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例

2017年02月06日 48 阅读
本文实例讲述了微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法。分享给大家供大家参考，具体如下：目前中js-sdk 1.0版本中，预览图片提供了2个接口，接口的定义参考官方文档1.预览网络图片http链接的2.预览本地图片wenxin:// 链接的一、预览图片接口注：1.预览图片接口目前只支持微信手机版2.预览图片只支持http连接，对于weixin:// 无法预览3.预览图片的地址需要进行加密处理，尤其路径中有中文的情况下，需要使用windo...
<< 91 92 93 94 95 96 97 98 99 100 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图