- 博客(16)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 vue.js-动态绑定class
基于vue.js 1.X版本 点击按钮，动态绑定class。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .active{ color: red;
2016-10-27 12:04:52
3436
原创 vue.js--Tab选项卡
代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{padding: 0;margin: 0} #app{ width: 500px;he
2016-10-24 10:54:47
14028
3
原创 JS实现选项卡
思路：选项卡就是点击按钮切换到相应内容，其实就是点击按钮把内容通过display(block none)来实现切换的，记住显示的内容要用绝对定位（position:absolute）。1、首先获取元素。2、for循环历遍按钮元素添加onclick 或者 onmousemove事件。3、因为点击当前按钮时会以高亮状态显示，所以要再通过for循环历遍把所有的按钮样式设置为空和把所有DIV的display
2016-05-05 10:56:42
716
原创 01.javascript中字符串常用操作总结、JS字符串操作大全
字符串的操作在js中非常频繁，也非常重要。以往看完书后都能记得非常清楚，但稍微隔一段时间不用，便会忘的差不多，好记性不如烂笔头，今天就对字符串的一些常用操作做个整理，一者是加深印象，二者方便以后温习查阅。string对象属性① length属性 length算是字符串中非常常用的一个属性了，它的功能是获取字符串的长度。当然需要注意的是js中的中文每个汉字也只代表一个字符，这里可能跟其他语言有些不
2016-05-03 17:02:41
371
原创 遍历Json获得数据的几种方法
Json在Web开发的用处非常广泛，作为数据传递的载体，如何解析Json返回的数据是非常常用的。下面介绍下四种解析Json的方式： 例①：var list1 = [1,3,4];alert(list1[1]);var list2 = [{"name":"leamiko","xing":"lin"}];alert(list2[0]["xing"])alert(list2[0].xing)例②
2016-04-29 12:09:31
805
原创 滚动固定导航
html<header></header><ul></ul>css*{margin: 0;padding: 0;}header{height: 50px;width:100%;background:#ddd;position: relative;top: 0;z-index: 999;left: 0;}.ofixednav{position: fixed;top: 0;left: 0;}js<
2015-12-24 11:48:18
337
原创 虚线运动（图片）
**html:**<div class="divid"> <img src="a.png" alt="" id="img3"> <img src="b.png" alt="" id="img1"></div>**style**.divid{position: relative;} #img1{position: absolute;left:28%;top
2015-12-17 09:48:35
528
原创 纯CSS小三角制作
不用js特效，纯css制作的小三角，做什么事都要一个过程，慢慢进步喽~~<ul class="demo"><li class="demo_top"><em></em></li><li class="demo_right"><em></em></li><li class="demo_bottom"><em></em></li><li class="demo_left"><em></em></l
2015-12-04 15:46:08
550
原创 JS运动--分享到空间代码样式
**html**<div id="div1"> <div id="div2"> 分享到空间</div></div>**css**<style> #div1{width: 150px; height: 300px; background: blue;position: absolute; top: 100px;left: -150px;} #div2{width: 3
2015-12-04 10:45:04
302
原创 未知尺寸图片在固定高度容器中的水平和垂直居中
例①：=====================================**html:**<div class="box"> <img src="http://img1.gtimg.com/nice_mb/08/1c/24769.jpg" /></div>**css:**<style>.box{ width:200px; height:200px;
2015-12-01 12:08:52
518
原创 WEB前端开发人员须知的常见浏览器兼容问题及解决技巧
所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 在学习浏览器兼容性之前，我想把前端开发人员划分为两类： 第一类是精确按照设计图开发的前端开发人员，可以说是精确到1px的
2015-11-26 15:13:49
639
原创 js 获取屏幕各种宽高的方法(浏览器兼容)
js 获取屏幕各种宽高的方法(浏览器兼容)，需要的朋友可以参考一下 屏幕的有效宽高： window.screen.availHeight window.screen.availWidth网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidt
2015-11-18 11:24:39
494
转载 移动端web开发经验分享与技巧
meta标签，这些meta标签在开发webapp时起到非常重要的作用 (1)(2)(3)(4) 第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；尤其要注意的是content里多个属性的设置一定要用分号+空格来隔开，如果不规范将不会起作用。 其中：width – view
2015-09-21 14:50:23
2098
原创 自动切换的广告图片
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <img src="images/1.png" alt="" id="imgid"><script> // 自动切换的广告图片 window.onloa
2015-09-11 16:29:08
449
原创 图片上一张与下一张切换
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>图片幻灯片切换</title></head><body> <img src="images/001.jpg" id="imgid"><br/> <input type="button" value="上一张" id="p
2015-09-11 16:17:45
4737
原创 JS重定向跳转代码
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Document</title></head><body><a href="http://www.baidu.com" target="_blank" id="aid">点我试试！</a><script> window.on
2015-09-10 16:55:17
407
Node.js学习最权威三本书（PDF高清版）
2018-10-18
JavaScript设计模式与开发实践 【PDF高清版本带书签 非影印版】图灵书籍
2018-10-17
Angular5 权威教程书籍 英文原版高清带书签 非影印版
2018-05-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人