Welcome

首页 / 脚本样式 / JavaScript

canvas的神奇用法

2017-02-06 29
canvas有一个神奇的方法getImageData这个玩意。它可以获取canvas内图像的没一个像素点的颜色值获取，而且可以改变。如果你有各种滤镜的算法。那么用canvas就可以实现图片的滤镜转化，可以做成类似美图秀秀那样的功能。使用方法：1：先将图片导入画布。2：var canvasData = context.getImageData（0, 0, canvas.width, canvas.height）; //用这个将图片每个像素点的信息获取出来，得...

详解Html a标签中href和onclick用法、区别、优先级别

2017-02-06 22
如果不设置 href属性在IE6下面会不响应hover。双击后会选中标签的父容器而非这个一a标签（IE下都存在这一问题）。代码如下<a href="javascirpt:fn（this）"> <a onclick="fn（this）">假定我们有个fn方法，需要取到这个元素，第一个方法传入的this是空值。所以，比较推荐的写法是代码如下<a href="javascript:void（0）" onclick="fn（this）...

jQuery向webApi提交post json数据

2017-02-06 27
在页面想webApi post json数据的时候，发现webapi不能直接以json的方式接受数据（注：我是没有发现一个很好的方式来post json数据的）;但是可以以数据结构的方式传递；如下：//js代码 var d = {Id: "1",Name: "name",Value: "OldValue", 7 };$.ajax（{type: "post",url: url1,data: JSON.stringify（{pConfig: d}）,succe...

Javascript的this用法

2017-02-06 17
this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如， function test（）{ this.x = 1; }随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。下面分四种情况，详细讨论this的用法。情况一：纯粹的函数调用这是函数的最通常用法，属于全局性调用，因此this就代表全局对象Global。请看下面这段代码，它的...

谈谈Vue.js——vue-resource全攻略

2017-02-06 27
概述上一篇我们介绍了如何将$.ajax和Vue.js结合在一起使用，并实现了一个简单的跨域CURD示例。Vue.js是数据驱动的，这使得我们并不需要直接操作DOM，如果我们不需要使用jQuery的DOM选择器，就没有必要引入jQuery。vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resourc...

jQuery实现简易的输入框字数计数功能示例

2017-02-06 27
本文实例讲述了jQuery实现简易的输入框字数计数功能。分享给大家供大家参考，具体如下：运行效果图如下：具体代码如下：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title><script src="jquery-1.7.2.min.js"></script></h...

angular+ionic 的app上拉加载更新数据实现方法

2017-02-06 21
第一步，首先需要在<ion-content>标签里面加入标签<ion-infinite-scroll ng-if="hasmore" on-infinite="loadMore（）" distance="5%"></ion-infinite-scroll>里面的属性解释，ng-if 值 布尔型，如果为true，则可以触发上拉事件on-infinite 上拉时触发的事件distance 列表底部滚动到可触发上拉事件的距离，...

webpack入门必知必会

2017-02-06 24
前言这是我第一篇介绍webpack的文章，先从一个入门教程开始吧，后续会有更多相关webpack的文章推出。首先什么是webpack？如果说它是一个打包工具那真的是有点大材小用了。我个人认为webpack是一个集前端自动化、模块化、组件化于一体的可拓展系统，你可以根据自己的需要来进行一系列的配置和安装，最终实现你需要的功能并进行打包输出。本文作为一篇入门教程，这里先从webpack最简单的3招开始介绍，即拆分、打包、压缩。步骤1.传统项目中的问题在不依赖任...

微信小程序 安全包括（框架、功能模块、账户使用）详解

2017-02-06 21
微信小程序 安全：本文大白将从小程序的框架、功能模块安全、账户使用安全方面进行剖析，希望能为各位泽友带来不一样的认知。一.小程序框架概述小程序抽象框架视图层包含WXML、WXSS和页面视图组件。WXML是一种类似XML格式的语言，支持数据绑定、条件渲染、列表渲染、自定义模板、事件回调和外部引用WXSS是一种类似CSS格式的语言，用于描述WXML的组件样式，决定WXML中的组件如何显示组件是框架提供的一系列基础模块，是视图层的基本组成单元，包含表单组件、导航...

详解vue-validator（vue验证器）

2017-02-06 52
官方文档：http://vuejs.github.io/vue-validator/zh-cn/index.htmlgithub项目地址：https://github.com/vuejs/vue-validator单独使用vue-validator的方法见官方文档，本文结合vue-router使用。安装验证器不添加自定义验证器或者无需全局使用的公用验证器，在main.js中安装验证器，使用 CommonJS 模块规范, 需要显式的使用 Vue.use（） ...

微信小程序 封装http请求实例详解

2017-02-06 26
微信小程序 封装http请求最近看了一下微信小程序，大致翻了一下，发现跟angular很相似的，但是比angular简单的很多具体可参考官方文档https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/page.html?t=2017112下面将封装http请求服务部分的服务以及引用部分// 本服务用于封装请求// 返回的是一个promisepromisevar sendRrqu...

详解vue-Resource（与后端数据交互）

2017-02-06 18
单来说，vue-resource就像jQuery里的$.ajax，用来和后端交互数据的。可以放在created或者ready里面运行来获取或者更新数据...vue-resource文档：https://github.com/vuejs/vue-resource/blob/master/docs/http.md结合vue-routerdata（）{return{toplist:[],alllist:[]}},//vue-routerroute:{data（{...

微信小程序 传值取值的几种方法总结

2017-02-06 24
微信小程序 传值取值小程序里常见的取值有以下几种，一个完整的项目写下来，用到的概率几乎是100%。列表index下标取值页面传值form表单取值1. 列表index下标取值实现方式是：data-index="{{index}}"挖坑及e.currentTarget.dataset.index来填坑即可1.1 生成值<image src="../../../images/icon_delete.png" /><text>删除</...

微信小程序 登录实例详解

2017-02-06 23
微信小程序登录一. 小程序不支持cookie会话 1. 通过传递与检验3rd_session来保持会话 2. 3rd_session可以执行‘`head -n 80 /dev/urandom | tr -dc A-Za-z0-9 | head -c 168`该命令生成 3. 使用Redis或者数据库存储session 4. 生成的3rd_session发送给客户端，写入storage 5. 客户端的每次请求必须带上3rd_session二、加密数...

Vue系列：通过vue-router如何传递参数示例

2017-02-06 18
使用vue-router 来实现webapp的页面跳转，有时候需要传递参数，做法如下：参考文献：http://router.vuejs.org/en/named.html主要有以下几个步骤：（1） 设置好路由配置router.map（{ "/history/:deviceId/:dataId": { name: "history", // give the route a name component: { ... } }}）这里有2个关键点：a）给该路由...

微信小程序 video详解及简单实例

2017-02-06 22
微信小程序 video详解在小程序火热的今天，作为IT行业的一员，我也来凑了一下热闹，话不多说了，接下来看看视频上传，和跨页面获取值的相关案例吧！！视频上传部分代码：视频播放随机颜色的产生：颜色页面的选择：感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！...

微信小程序 scroll-view隐藏滚动条详解

2017-02-06 74
一：scroll-view隐藏滚动条在书写网页的时候，往往会为了页面的美观，而选择去掉滚动区域默认的滚动条，而在这里，就是为小程序去掉滚动条的其中的一种方法：scroll-view.wxml:scroll-view.wxssscroll-view.js最终显示效果如下;注意：（1）不能在scroll-view中使用textarea,mao,canvas,video组件（2）scroll-init-view的优先级高于scroll-top（3）onPullD...

微信小程序 图片边框解决方法

2017-02-06 26
微信小程序 图片边框问题解决在最开始对网页进行构建的时候，我们并不知道网站中需要放置那些特定的图片，所以我们往往会放置一个空的img标签，但是这样的话，图片标签因为没有src的值，所以在网站中会显示出来一个黑色的边框，其代码及效果显示如下：在这里就解决黑色边框，提出两种解决方案：1.设置图片的opacity:0;2.放置一个其他的块标签代替img标签，因为在这里img只是起到占位的功能，所以可以使用其他的标签替代，在使用的时候，在换回img标签。感谢阅读，...

codeMirror插件使用讲解

2017-02-06 58
codeMirror是一款十分强大的代码编辑插件，提供了十分丰富的API，最近在项目中用到了这款插件，于是在这里给大家分享下使用方法和心得：codeMirror调用非常方便首先在页面中载入插件CSS及JS文件 <link href="/static/codemirror/lib/codemirror.css" rel="stylesheet" > <script src="/static/codemirror/lib/codemirror...

Bootstrap面板使用方法

2017-02-06 26
面板样式是在很多种情况下都可能会使用到的样式之一，例如博客的侧边栏、企业网站的公告栏、栏目列表等。面板样式除了内容之外，还有一个面板头部可以添加标题，让我们通过这篇文章看看Bootstrap面板样式的使用方法。Bootstrap面板基本样式直接调用面板样式也非常容易，只需要通过以下代码即可实现：<div class="panel panel-default"> <div class="panel-body">Basic panel ...
<< 21 22 23 24 25 26 27 28 29 30 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图