HTML5
LVXIANGAN
这个作者很懒,什么都没留下…
展开
-
iOS与javascript交互总结
苹果自从 iOS2 就推出了UIWebView,说起WebView,我们就不得不提javascript,因为 native > javascript 间的交互,是目前混合开发模式的核心。简单回顾一下各个时期原生代码与javascript通讯的方法:iOS6及之前:使用WebViewJavascriptBridge本质上,它也是通过webview的代理拦截scheme,然原创 2017-10-16 17:51:41 · 916 阅读 · 0 评论 -
微信开发之小程序实现倒计时
setTimeout(func, time)可以使得每隔time毫秒就执行一次func函数,常用来做计时器/时钟。下面是在微信小程序中的使用思路,只截取了关键部分代码。var timer; // 计时器Page({ // ...省略 // 自定义的开始按钮 startBtn: function () { console.log("开始按钮"); Countdo...转载 2018-05-14 15:50:38 · 3837 阅读 · 0 评论 -
微信开发之小程序模拟json数据实现页面调试
我们在项目开发时,经常会遇到Http服务器接口和前端开发并行的情况。对于前端开发者来说,尤其是时间进度要求较高的项目,不可能一直等服务接口可调试了再开始去开发页面。因此,我们可以提前根据服务端接口文档,模拟http服务返回的报文内容,加快开发调试进度。下面举例来说,如何在微信小程序中实现模拟数据报文进行页面展示:1、创建js文件,模拟测试数据;2、加载js文件,调用测试数据;3、页面展示调用所需数...原创 2018-05-20 23:19:08 · 4467 阅读 · 0 评论 -
Javascript之字符串拼接详解
字符串拼接是所有程序设计语言都需要的操作。当拼接结果较长时,如何保证效率就成为一个很重要的问题。本文介绍的是Javascript中的字符串拼接,希望对你有帮助,一起来看。最近在研究《javascript高级程序设计》中,有一段关于字符串特点的描述,原文大概如下:ECMAScript中的字符串是不可变的,也就是说,字符串一旦创建,他们的值就不能改变。要改变某个变量的保存的的字符串,首先要销毁原来的字...转载 2018-05-25 10:43:54 · 795 阅读 · 0 评论 -
Javascript之字符串截取函数slice()、substring()、substr()
取字符串的三个函数:slice(start, [end]),substring(start, [end])和substr(start, [length])slice()第一个参数代表开始位置,第二个参数代表结束位置的下一个位置,截取出来的字符串的长度为第二个参数与第一个参数之间的差;若参数值为负数,则将该值加上字符串长度后转为正值;若第一个参数等于大于第二个参数,则返回空字符串.substring...转载 2018-05-25 11:42:17 · 347 阅读 · 0 评论 -
微信开发之显示列表最后一条分割线问题
最近在利用循环对数组进行列表展示时,根据下面代码,有个小问题:最后一个元素循环结束后,多了一条显示分割线。解决方法如下:1、根据文档说明,使用 wx:for-index 可以指定数组当前下标的变量名,在循环时定义一个数组下标idx。2、在显示分割线的地方作条件判断:idx != testData.data.length - 1 ,非数组最后一个显示原创 2018-05-08 16:47:11 · 6588 阅读 · 0 评论 -
微信开发之小程序页面间如何传递参数
小程序页面传值的方式1.正向传值:上一页面 --> 下一页面1.url传值2.本地储存3.全局的app对象2.反向传值:下一页面 --> 上一页面1.本地储存2.全局的app对象下面先说正向传值:第一种:url读到这你基本就猜到了第一种 其实就是url传参数第二种:第三种:下面说说反向传值 ,看了上面正向的2和3 我想你也明白了 对,就是和上面的2,3一样第一种:第二种:本文...转载 2018-05-23 17:56:29 · 633 阅读 · 0 评论 -
ES6是什么?
ES6 就是ECMAScript 6是新版本JavaScript语言的标准。虽然目前已经更新到ES7,但是很多浏览器还不知处ES7语法,该标准仍在更新中,但目前部门网站都指出ES6的语法。目前ES6也是使用最多的最新的javaScript语言标准。要查看ES6的支持情况请点此。 在2009年ES5问世以后,javaScript的标准就一直没有更新。从那时起ES标准委员会就已经开始筹划新的ES标准...转载 2018-05-24 17:13:56 · 2587 阅读 · 2 评论 -
JavaScript之childNodes 和 children 区别
1、先让我们来看看childNodes的用法,以及是如何计算节点数量: 为什么输出是7而不是3呢?原来Internet Explorer 会忽略节点之间生成的空白文本节点(比如换行字符),而 Mozilla 不这么做。 2、两者区别:children() 方法返回被选元素的所有直接子元素。因此上面直接输出3。注意:children()在...原创 2018-07-24 00:34:25 · 7516 阅读 · 0 评论 -
Webview之常用App跳转URL Schemes整理
关于URL Schemes的概念以及使用我就不在这里细说了,本文只作常用URL Schemes整理。URL Schemes可配合Magic Launcher Pro使用,当然也可搭配Workflow、Pin、Lcp等工具使用。打开微信:weixin:// 微信扫一扫:weixin://scanqrcode打开支付宝:alipay:// 支付宝扫一扫:alipayqr://platf...转载 2018-11-26 17:16:13 · 10032 阅读 · 0 评论 -
CSS中多个class样式设置的不同写法
html中:<div class="containerA"> 这是AAAAAAAAAAAAAAAAAAAAAAA样式 <div class="containerB"> 这是BBBBBBBBBBBBBBBBBBBBBB样式 </div></div>css中:这两种写法是有区别的,前者用空格隔开,表示接下来对A下...转载 2018-05-10 17:22:44 · 27311 阅读 · 1 评论 -
微信开发之小程序的页面布局
flex布局用途:快速实现你所需要的布局(水平居中、垂直居中、左右对齐等) 1、对布局容器设置display:flex; 2、利用属性(justify-content(水平方向)和align-items(垂直方向))进行设置。例如垂直居中:/* wxml */<view class="classname"> <text>测试用小玩意儿</text>&...转载 2018-05-04 18:01:06 · 4733 阅读 · 0 评论 -
微信开发之下拉刷新上拉加载更多
微信小程序实现“下拉刷新、上拉加载更多”功能,有两种实现方式:方式1:利用页面的onPullDownRefresh和onReachBottom实现:onPullDownRefresh: 下拉刷新监听用户下拉刷新事件。需要在app.json的window选项中或页面配置中开启enablePullDownRefresh。当处理完数据刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新。onReachBottom: 上拉触底监听用户上拉触底事件。可以在app.json原创 2018-04-25 11:28:40 · 2230 阅读 · 0 评论 -
微信开发之this.setData is not a function;at pages/index/index onLoad function;at setTimeout callback func
执行微信代码报错:WAService.js:3 thirdScriptErrorthis.setData is not a function;at pages/index/index onLoad function;at setTimeout callback functionTypeError: this.setData is not a function at Function原创 2018-02-01 18:00:59 · 11125 阅读 · 2 评论 -
微信开发之Vue初探——Vue是什么
概述前端开发近况需求依然旺盛,从JavaScript已经在编程语言排行榜上排到了第七位和前端聘岗位数就可以看出。加入前端开发的新手越来越多,其中女孩子比例不少,自学能力稍有匮乏前端框架层出不穷,部分前端开发精力跟不上作为一名码农最急需的是精通一门语言一个框架,然后再横向去尽量多学一些技术,有助于融会贯通,专业精通才有高收入。写这个博客的目的转载 2018-01-19 11:24:20 · 1245 阅读 · 0 评论 -
javascript之 typeof 和 instanceof 区别
// typeof 示例代码:var a="张三"; var b=true; var c=10; var d; var e=null; var f=new Object(); alert(typeof a); //string alert(typeof b); //number alert(typeof c); //boolean alert(typeo原创 2018-02-06 14:42:02 · 330 阅读 · 0 评论 -
javascript之setTimeout(function(){},0)
setTimeout(function(){},0)因为是setTimeout是异步的。正确理解setTimeout的方式(注册事件):1、有两个参数,第一个参数是函数,第二参数是时间值。2、调用setTimeout时,把函数参数,放到事件队列中。等主程序运行完,再调用。转载 2018-01-31 17:46:45 · 5891 阅读 · 0 评论 -
微信开发之js数组操作:push、concat、join、split、reverse、pop的区别
先看如下例子:var arr = []; arr.push(1); arr.push(2); arr.push([3, 4]) arr.push(5, 6); arr = arr.concat(7); arr = arr.concat([8, 9]); arr = arr.concat(10, 11); for(var i in原创 2018-02-27 00:15:47 · 6539 阅读 · 3 评论 -
微信开发之js声明变量定义用var、let、以及不用var的区别
总结:总是使用varJavascript声明变量的时候,虽然用var关键字声明和不用关键字声明,很多时候运行并没有问题,但是这两种方式还是有区别的。可以正常运行的代码并不代表是合适的代码。var num = 1;是在当前域中声明变量. 如果在方法中声明,则为局部变量(local variable);如果是在全局域中声明,则为全局变量。num = 1;是对原创 2018-02-28 10:58:31 · 1345 阅读 · 0 评论 -
微信开发之JavaScript隐式创建对象变量
JavaScript是一种无类型、弱检测的语言。它定义变量时不需要声明类型,就可将各种类型的数据赋值给同一个变量。例如:aa = 100; // Number类型aa = "hello"; // String类型aa = {x : 4}; // Object类型aa = [1, 2,原创 2018-02-28 17:33:21 · 390 阅读 · 0 评论 -
微信开发之JavaScript字符串与json对象互转
微信开发中,在javascript中经常需要对字符串进行json对象的转换,具体用法为:// JSON字符串转换为JSON对象var str1 = '{ "name" : "lvxiangan", "sex" : "male" }';var obj1 = JSON.parse(str1);console.log(obj1.name);// JSON对象转化为原创 2018-03-05 14:48:13 · 1025 阅读 · 1 评论 -
微信开发之CSS 类选择器
先从代码示例入手:.tapNav.selected{ background:lightblue;}{{item.name}}可以看到:text 可能存在样式class = "tapNav selected",那么样式包含多个单词,如何理解呢?CSS 多类选择器在 HTML 中,一个 class 值中可能包含一个词列表,各个词之间用原创 2018-03-13 16:54:05 · 578 阅读 · 1 评论 -
微信开发之data:image/png;base64,
先看一段代码:先看下这些代码“data:image/jpg;base64,iVBORw0KGgoAAAANSUhE……” 就是一张图片的Data URL,就是利用base64编码把图片数据翻译成标准ASCII字符。等同于:Data URL是在本地直接绘制图片,不是从服务器加载,所以节省了HTTP连接,起到加速网页的作用。语法:data:image/jpg;转载 2018-04-12 17:29:01 · 22615 阅读 · 0 评论 -
浅谈CSRF攻击方式
一.CSRF是什么? CSRF(Cross-site request forgery),中文名称:跨站请求伪造,也被称为:one click attack/session riding,缩写为:CSRF/XSRF。二.CSRF可以做什么? 你这可以这么理解CSRF攻击:攻击者盗用了你的身份,以你的名义发送恶意请求。CSRF能够做的事情包括:以你名义发送邮件,发消息,盗取你的账号,甚...转载 2018-12-09 21:29:14 · 201 阅读 · 0 评论