03 2018 档案

button居中
摘要：碰到一种情况，如下图所示：即需要button居中，但是外面屏幕的宽度是不固定的。 看着很简单，我最初想要直接让button宽度为100%，然后margin:10px 10px 却行不通，最后，我的解决方法是需要在外面包裹一层div，通过div的padding来实现居中。 css样式： 阅读全文
posted @ 2018-03-14 22:44 shuangcherry 阅读(965) 评论(0) 推荐(0)
js存储 cookie,localStorage,sessionStorage的比较
摘要：1.cookie cookie原本是用来客户端与服务器端通信的，因其有存储的功能，所以被用来存储。 cookie存储的缺点： 大小有限制，最大只能存储4kb. 因为http请求时，会携带cookie，所以当cookie太大时，会影响效率。 js对cookie的原生api很简单，通过document. 阅读全文
posted @ 2018-03-11 20:33 shuangcherry 阅读(762) 评论(0) 推荐(0)
js 常用的DOM，BOM操作
摘要：dom是一种树结构，常用的dom操作有：获取dom节点，修改dom节点，以下是列举一些常用的dom操作： 1.获取DOM节点 2.修改DOM节点 BOM（browser object model）指的是浏览器对象模型，常用的BOM对象有location对象，navigator对象，history对象 阅读全文
posted @ 2018-03-11 19:53 shuangcherry 阅读(280) 评论(0) 推荐(0)
js事件代理理解
摘要：说到事件代理，首先得知道js的事件冒泡机制。 事件冒泡是指在一个dom节点触发一个事件比如click事件以后，这个事件会继续往节点的父节点传递，若父节点也绑定了click事件，则同样会触发父节点的click事件，然后继续往父节点的父节点传递....由内层往外层传递。 事件代理就是利用了事件冒泡机制， 阅读全文
posted @ 2018-03-11 17:05 shuangcherry 阅读(219) 评论(0) 推荐(0)
oneplus前端开发面试
摘要：分享一个自己最近面试oneplus前端开发的经历，希望对想要进oneplus工作的小伙伴有帮助。 之前对oneplus没有了解，还是通过宣讲会才了解到oneplus。听了宣讲会后，了解到oneplus公司的工作氛围很不错，而且员工福利超好，他们的slogan‘不将就’也很吸引人。宣讲会后是马上笔试， 阅读全文
posted @ 2018-03-10 20:42 shuangcherry 阅读(267) 评论(0) 推荐(0)
instanceof
摘要：使用instanceof可以判断函数是否是一个变量的构造函数，如使用instanceof可以判断一个变量是否是array类型 instanceof的判断的原理就是: 沿着原型链去找这个对象的__proto__属性值是否与构造函数的prototype属性值相同 阅读全文
posted @ 2018-03-04 20:23 shuangcherry 阅读(140) 评论(0) 推荐(0)
js原型和原型链
摘要：我们要理解js的原型，首先需要知道5条js原型规则： 1.js引用类型(function ,array ,object)都可以任意扩展自己的属性。 2.所有的引用类型都有一个__proto__属性,这个属性值是一个普通对象。 3.所有函数都有一个prototype属性，这个属性值也是一个普通对象 4 阅读全文
posted @ 2018-03-04 20:13 shuangcherry 阅读(170) 评论(0) 推荐(0)
js构造函数
摘要：在js中构造函数的函数名一般首字母要大写。 通过new一个构造函数可以创建一个对象，那么new一个构造函数的过程中，具体做了什么呢？ 1.创建了一个空对象，并将this指向这个空对象。 2.执行函数，即为this添加属性和属性值。 3.返回这个对象。 其次，在js中array，object,func 阅读全文
posted @ 2018-03-04 17:15 shuangcherry 阅读(580) 评论(0) 推荐(0)
js变量
摘要：1.js变量分为引用类型和值类型，引用类型包括：function,array，object。他们的区别，通过以下代码来解释： 值类型在赋值给另一个变量时，两个变量是互不干扰，因为他们的内存是独立的。而引用类型是用一个指针指向一个内存空间，在赋值时，实际上是给新变量一个指针也指向这个内存空间所以，两个 阅读全文
posted @ 2018-03-04 14:39 shuangcherry 阅读(488) 评论(0) 推荐(0)
js原型继承--廖雪峰的官方网站
摘要：转载自廖雪峰的javascript教程--原型继承 阅读全文
posted @ 2018-03-02 15:58 shuangcherry 阅读(337) 评论(0) 推荐(0)
js面向对象编程--廖雪峰的官方网站
摘要：创建对象 创建对象（即封装数据），可以直接创建，如 也可以通过构造函数的方式来创建，如： 然后，通过new关键字来实例化一个对象 js在创建对象时，都会给给对象设置一个__proto__属性，它指向对象的原型。 如 arr-->Array.prototype-->Object.prototype-- 阅读全文
posted @ 2018-03-02 15:22 shuangcherry 阅读(631) 评论(0) 推荐(0)
canvas画五角星
摘要：效果如图： 阅读全文
posted @ 2018-03-02 10:14 shuangcherry 阅读(203) 评论(0) 推荐(0)
jquery weui轮播图的使用
摘要：jquery weui的轮播图是对第三方插件swiper的一个封装，所以使用时需要引入对应的swiper.min.js文件 阅读全文
posted @ 2018-03-02 10:09 shuangcherry 阅读(8300) 评论(0) 推荐(0)
倒计时60s
摘要：实现的效果是：点击获取验证码的按钮时，开始倒计时，倒计时过程中，按钮不可点击，60s后恢复按钮原来状态。 阅读全文
posted @ 2018-03-02 09:45 shuangcherry 阅读(223) 评论(0) 推荐(0)
满幅的背景，定宽的内容
摘要：很多网站设计的网页设计用到的都是满幅的背景，内容宽度定宽的这种设计。 如小米官网 先设置定宽容器 然后再配合外部容器一起使用，通常有以下两种写法： 第一种： 第二种： 阅读全文
posted @ 2018-03-01 22:24 shuangcherry 阅读(134) 评论(0) 推荐(0)
模态框的实现
摘要：1 2 3 4 5 模态框的实现 6 50 51 52 点击 53 54 55 56 57 58 ........ 59 60 61 62 83 84 阅读全文
posted @ 2018-03-01 22:00 shuangcherry 阅读(850) 评论(0) 推荐(0)
轮播图的实现
摘要：第一种轮播图：将所有的图片横排着放，然后利用overflow:hidden，一次只展示一张图片，然后定时向左移动，来实现图片轮播。代码如下： html结构和css样式： js代码： 第二种轮播方式是：所有图片都堆叠在一起，然后定时显示一张图片，隐藏其它图片来实现轮播，js代码如下：（html结构不变 阅读全文
posted @ 2018-03-01 21:14 shuangcherry 阅读(586) 评论(0) 推荐(0)
ajax的写法
摘要：ajax指的是在不刷新页面的情况下发送的网络请求，即异步请求。 在js中的写法： 在Jquery中，将ajax请求的细节进行了封装，提供了ajax、get、post等方法。 $.ajax() $.get() $.post()与$.get()结构和使用方式都相同 但是post请求和get请求还是有很大 阅读全文
posted @ 2018-03-01 17:24 shuangcherry 阅读(1152) 评论(0) 推荐(0)