随笔分类 -  JavaScript

JS与iOS&Android的交互 WebViewJavascriptBridge
摘要：需求: 在原生App里打开webview, 嵌入H5. 在H5中点击某个元素, 触发与native app交互, 又跳回到app中. 同理, 在app中完成某项操作后, 获得某个参数, 根据这个状态刷新页面. 框架: Vue. JavaScript原生的写法已经调通了, 并且与native端的已经联 阅读全文
posted @ 2018-07-19 16:34 DarthBadwolf 阅读(703) 评论(0) 推荐(0)
页面底部input被弹出来的键盘遮挡(iOS系统)—附解决方案
摘要：项目上要做一个留言回复的框. 类似这种用一个div套在input外面, 点击按钮时, 这个div出现, 位于页面底部. 并且input获得焦点, 自动弹出系统键盘. 但是, 在开发的时候发现,在iOS系统中这个div总是被键盘遮住, 曾经使用了垫高div框的办法, 天真的以为能够使它往上挪, 但是发 阅读全文
posted @ 2018-01-25 19:04 DarthBadwolf 阅读(394) 评论(0) 推荐(0)
iScroll.js 使用心得
摘要：iScroll.js是一款滑动插件, 使用iScroll.js可以让网页的一些滚动效果变得更平滑, 用户体验更好. 一般的使用就像网上所说的那样, 在引入了iscroll.js后, iscroll的最小使用粒度: 这样就能是ul上挂在滑动效果. 还可以配置一些参数如: 我一般习惯在进行请求的时候把i 阅读全文
posted @ 2018-01-15 18:28 DarthBadwolf 阅读(113) 评论(0) 推荐(0)
jQuery 返回顶部 效果
摘要：用jQuery实现简单的页面滑动到某个位置后, 出现'回到顶部'按钮, 点击后返回顶部的效果. html代码: Javascript代码 javascript //获取屏幕高度，滚动后显示回到顶部图标 var height = window.screen.height; $(window).scro 阅读全文
posted @ 2018-01-15 17:22 DarthBadwolf 阅读(129) 评论(0) 推荐(0)
h5制作微信朋友圈点击大图
摘要：需要做一个类似微信朋友圈点击照片显示大图, 并且可以左右滑动查看其它图片的效果. 在网上学习了很多例子, 最终决定根据提供 "在路上的愚人" 同学的demo的来修改. 首先是photoswipe插件. 可以在 "github" 下载. 使用方法: 1. 先引入相关的js和css 2. 加入pswp模 阅读全文
posted @ 2017-10-19 18:57 DarthBadwolf 阅读(490) 评论(0) 推荐(0)
jQuery 点击div, 向上展示内容
摘要：之前在网上看来的一个博主的demo, 但是当时没有记清, 现在默写一下... 原理: 1. 首先红色div是通过position:absolute绝对定位的，且通过相对与底部定位，如bottom:0px。 2. 底部定位固定，高度变高的时候就向上扩展了。 3. 使用jQuery的$().animat 阅读全文
posted @ 2017-09-18 21:06 DarthBadwolf 阅读(159) 评论(0) 推荐(0)
JavaScript编程练习题
摘要：1. Write a program that prints the numbers from 1 to 100. But for multiples of three print "Fizz" instead of the number and for the multiples of five 阅读全文
posted @ 2017-08-14 11:51 DarthBadwolf 阅读(1343) 评论(0) 推荐(0)
jQuery实现可折叠面板(事件委托)
摘要：jQuery的事件 jQuery中使用.on()方法来处理事件. 具体可以看之前写的jQuery基本知识 可折叠面板 页面上有3个li, 在默认状态下是折叠起来的(图1) 在点击之后, 面板展开, 再次点击的时候, 面板收起 HTML部分代码 jQuery实现 在这里使用了事件委托机制. 在.acc 阅读全文
posted @ 2017-08-09 14:13 DarthBadwolf 阅读(1688) 评论(0) 推荐(0)
JavaScript: jQuery基本知识
摘要：jQuery是一个在页面中引用的JavaScript文件, 它允许通过css样式选择器来找到一些元素, 并且在这些元素上使用jQuery提供的一些方法. 使用css样式选择器查找元素 使用jQuery方法来操作元素 谈及变量或对象中保存了什么东西的引用, 是指保存的是浏览器内存中此信息的位置. 当j 阅读全文
posted @ 2017-08-08 16:02 DarthBadwolf 阅读(177) 评论(0) 推荐(0)
JavaScript: 事件Event
摘要：事件触发JavaScript代码的过程分为3个步骤: 将事件绑定到元素的3种方法: HTML事件处理程序(不推荐) eg. <a onclick="hide()" /> 传统的DOM事件处理程序 (只能在一个事件上附加一个函数) 第2级DOM监听器 element 元素, 目标DOM元素节点 eve 阅读全文
posted @ 2017-08-03 17:22 DarthBadwolf 阅读(148) 评论(0) 推荐(0)
JavaScript: 对象
摘要：什么是对象 对象将一组变量和函数组合起来 对象中的变量和函数具有新的规则 在对象中: 变量被认为是属性 在对象中: 函数被认为是方法 创建对象 方法1: 字面量语法 方法2: 构造函数语法 new关键字和对象的构造函数相结合可以创建一个空白对象, 随后可以为其天假属性和方法. 方法3: 创建很多对象 阅读全文
posted @ 2017-08-01 16:48 DarthBadwolf 阅读(158) 评论(0) 推荐(0)