Welcome

首页 / 脚本样式 / JavaScript

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

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

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

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

jquery 抽奖小程序实现代码

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

webpack+vue.js快速入门教程

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

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

2017-02-06 21
先给大家分享下三种查看路径的方法：1、直接按F122、Ctrl+Shift+I查看3、鼠标点击右键查看把以上三种状态都屏蔽掉就可以了，document有onkeydown（键盘按键事件），该事件里面找到对应的keycode并处理就可以，document也有oncontextmenu鼠标右键事件，屏蔽即可。JS撸码如下：window.onload=function（）{document.onkeydown=function（）{var e=window.ev...

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

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

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

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

2017-02-06 19
简介在vue中实现组件化用到了vue特有的文件格式.vue，在每一个.vue文件就是一个组件，在组件中我们将html，css，js全部写入，然后在webpack中配置vue-loader就可以了。建立vue组件在src目录下建立components文件夹，并在其中建立app.vue文件，这样我们项目的目录结构如下：|--dist//webpack打包后生成的文件夹| |--build.js|--node_modules//项目的依赖所在的文件夹|--src...

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

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

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

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

如何使用jquery实现文字上下滚动效果

2017-02-06 21
实现文字上下滚动是经常用到的js效果，这里介绍一种上下渐隐渐出的文字展现效果！<！DOCTYPE><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>文字滚动</title><style type="text/css"> #sidebar{width:200px; heigh...

JS代码实现百度地图 画圆 删除标注

2017-02-06 21
把下面这段代码复制到百度地图的demo中运行，效果就是我想设计的效果。<！DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="initial-scale=1.0, user-scalable=no" />...

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

2017-02-06 19
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实现轮播图详解及实例代码

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

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

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

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

2017-02-06 21
介绍this 可以说是 javascript 中最耐人寻味的一个特性，学习this 的第一步就是明白 this 既不是指向函数自身也不指向函数的作用域。 this 实际上是在函数被调用时发生的绑定，它指向什么地方完全取决于函数在哪里被调用。为什么需要绑定thisthis代指当前的上下文环境，在不经意间容易改变：var info = "This is global info";var obj = { info: "This is local info", g...

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

2017-02-06 20
本文实例讲述了微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法。分享给大家供大家参考，具体如下：目前中js-sdk 1.0版本中，预览图片提供了2个接口，接口的定义参考官方文档1.预览网络图片http链接的2.预览本地图片wenxin:// 链接的一、预览图片接口注：1.预览图片接口目前只支持微信手机版2.预览图片只支持http连接，对于weixin:// 无法预览3.预览图片的地址需要进行加密处理，尤其路径中有中文的情况下，需要使用windo...

JavaScript和jQuery获取input框的绝对位置实现方法

2017-02-06 22
实例如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head> <title>javascript与jQuery设置取得d...

jquery实现图片切换代码

2017-02-06 22
本文实例为大家分享了jquery实现图片切换的方法，供大家参考，具体内容如下<html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js">...

微信小程序 rpx 尺寸单位详细介绍

2017-02-06 22
微信小程序最近火了，大家开发微信小程序有没有注意微信小程序对手机屏幕的要求或者影响呢，面对不同的手机屏幕，微信rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应,微信小程序尺寸单位rpx以及样式rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0....
<< 91 92 93 94 95 96 97 98 99 100 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图