Preeminent

Be the change you want to see in the world

Storge 在 Safari 的无痕浏览模式中的坑

关于 Storge 在 Safari 的无痕浏览模式中的坑前言今天遇到了一个诡异的bug,一个网页在微信浏览器中是可以正常显示的,而在一些用户的 Safari 中却无法正常渲染。真是日了狗了!检查一下报错,发现这个报错很可疑:QuotaExceededError The quota has bee...

2017-05-17 19:52:58

阅读数 2535

评论数 1

ES6 中 Class 学习笔记

ES6 中 Class 学习笔记ES6 中的 class (类)实际上就是基于原型继承的语法糖,可以让我们用更简单更清晰的语法来创建类。这篇文章即为我学习 class 的学习笔记,其中内容大部分参考 类 - JavaScript | MDN 。定义类定义类有两种方式,类表达式和类声明。这一点跟函数...

2017-05-14 22:01:09

阅读数 358

评论数 0

解决动态生成的网页在微信浏览器中每次返回都会重新生成的问题

解决动态网页在微信浏览器中每次返回都会重新加载的问题前言假设我们我们有一个搜索结果列表页面,其内容为我们通过 AJAX 从后端动态获取的。搜索页面中的每一个条目是一个超链接,我们可以点击超链接去请求另一个网页查看条目详情。这是一种很常见的情况。可是在微信浏览器,我们会遇到这样一个问题:当我们想从条...

2017-05-09 22:36:12

阅读数 3784

评论数 0

关于Number.toFixed()的总结

关于Number.toFixed()函数的总结前言今天工作中遇到了一个需求,需要将类似于 1.99999 这样的数字格式化为 2.00 这样的两位小数。本来打算自己实现一个类似的功能函数,但是没想到看起来容易,实际实现起来却还是有点复杂的,就例如逢9进位这样的功能就让我想的有点头疼。索性考虑起来大...

2017-05-08 21:08:17

阅读数 4471

评论数 0

关于 Date() 函数在 iOS 中的一个小坑

关于 Date() 函数在 iOS 中的一个小坑bug今天遇到了一个诡异的 bug 。一个 Vux 的日期选择组件在 PC 端和安卓端都能正常显示和使用,而在 iOS 端却不能正常出现。经过漫长的调试,终于发现问题出在这一行代码上:var startDate = new Date('2017-5-...

2017-05-04 20:16:43

阅读数 2010

评论数 1

简单筛选iOS和安卓的版本的函数

简单筛选iOS和安卓的版本的函数需求现如今,移动端大行其道,我们终于不太需要再为了IE6, IE7, IE8…做可怕的兼容了。但是,仍然有一些库或框架不能再低版本的iOS和安卓中正常运行,所以我就写了一个小函数来筛选iOS和安卓的版本函数的期盼输入为你期望的iOS和安卓版本,输出为一个布尔值,如果...

2017-05-02 20:45:10

阅读数 357

评论数 0

实现一个简单的栅格系统

实现一个简单的栅格系统关于栅格系统相信大家都用过 Bootstrap (神马!你没用过?这么流行你还不快去试试),栅格系统就是 Bootstrap 的核心,现在许多 UI 库中也增加了对栅格系统的支持。栅格系统是通过对元素增加各种不同的类名从而在不同的屏幕宽度下实现不同的效果,从而实现响应式的功能...

2017-04-16 12:29:07

阅读数 4361

评论数 0

webpack学习笔记 (上)

webpack学习笔记 (上)前言这几天晚上在跟着阮一峰的Webpack教程复习Webpack,发现Webpack确实是一个非常优秀的前端工具,能做的事真是超级多。当然能做的事情越多,他的配置文件可能就越复杂。像我记性这么差的人。还是写个博客记录一下吧!毕竟好记性不如烂笔头!关于webpackwe...

2017-04-14 22:49:19

阅读数 708

评论数 0

HTML5_CSS3学习笔记

HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签 HTML5是超文本标记语言的第五次重大修改,2014年10月29日标准规范制定完成。 新特性: 语义特性:HTML5增加了许多新标签,可以赋予网页更好的意义和价值。使文档语义化。 本地存储特性:基于HT...

2017-03-20 20:40:56

阅读数 503

评论数 0

跨域资源共享 CORS 详解

作者: 阮一峰日期: 2016年4月12日本文转载自跨域资源共享CORS - 阮一峰, 我觉得阮老师写的非常好!深入浅出!就转载过来啦~CORS是一个W3C标准,全称是”跨域资源共享”(Cross-origin resource sharing)。 它允许浏览器向跨源服务器,发出XMLHttpR...

2017-03-07 20:00:51

阅读数 252

评论数 0

解决jQuery的$冲突问题

解决jQuery的$冲突问题很多JavaScript的库使用$作为变量名,如果我们同时引用两个使用$作为变量名,或者引入两个不同版本的jQuery时,就可能会出现$冲突问题。作为解决办法,我们可以使用jQuery.noConflict()来解决这个问题。jQuery.noConflict()jQu...

2017-02-27 21:28:19

阅读数 4296

评论数 0

Vuex的五个核心属性

Vuex的五个核心概念本文参考自Vue文档,说的非常详细,建议看文档。Vuex是什么?VueX 是一个专门为 Vue.js 应用设计的状态管理架构,统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。Vue有五个核心概念,state, getters, mu...

2017-02-26 13:36:15

阅读数 12801

评论数 1

关于flex,好像有12个属性很重要

关于Flex,有12个属性很重要这几天在学习Flex布局,发现Flex真的好厉害!Flex是Flexible Box的缩写,意为“弹性布局”,用来为盒模型提供最大的灵活性。Flex是它可以简单、完整、响应式的实现各种网页布局,目前已经得到了大多数主流浏览器的支持,有关于它的兼容性可以在CanIus...

2017-02-09 00:48:49

阅读数 8865

评论数 2

两步实现在Git Bash中用Sublime打开文件

两步实现在Git Bash中用Sublime打开文件每次都要用鼠标点来点去才能用sublime打开文件!太不科学!今天来配置一下在git bash中用sublime打开文件方法 新建一个文件命名为你想要的命令,比如 subl(注意不能有后缀名),内容: #!/bin/sh "C:\Pro...

2017-02-05 11:43:11

阅读数 3993

评论数 9

关于this的一些学习笔记

关于可以指定this的apply()、call()函数 apply()和call()函数都可以 指定this值和参数值的情况下调用某个函数。 call()和apply()的作用一样,区别在于提供给原函数的参数的方式不一样 apply()函数只接受两个参数,提供给原函数的参数以数组或类数组对象的形式...

2017-01-17 11:24:13

阅读数 301

评论数 0

一个小实战

最近实现了一个小网页,通过JQ库实现了无限加载,瀑布流,AJAX(JSONP),yeah~ 戳这里查看

2017-01-17 11:16:42

阅读数 201

评论数 0

同源策略及跨域的问题

同源策略 源:如果两个页面的协议,端口和域名是相同的,则两个页面具有相同的源。 同源策略限制从一个源加载的文档或脚本与另一个不同的源的资源进行交互。 即一个页面不能调用另一个不同源中的脚本。(可以引用,例如src,但不能读写) 跨域及其几种常见的实现形式 跨域:从一个页面去请求读或者写另一个页面的...

2017-01-13 19:56:05

阅读数 705

评论数 0

瀑布流布局的原理及实现

瀑布流很漂亮~但其实实现起来很简单,让我们来实现一下吧瀑布流布局的原理 瀑布流布局要求要进行布置的元素等宽,然后计算元素的宽度与浏览器宽度之比,得到需要布置的列数。 创建一个数组,长度为列数,里面的值为已布置元素的总高度(最开始为0) 然后将未布置的元素依次布置到高度最小的那一列,就得到了瀑布流布...

2017-01-13 19:47:54

阅读数 9752

评论数 1

懒加载的原理及实现

懒加载的原理 原理:先将img标签中的src链接设为同一张图片(空白图片),将其真正的图片地址存储再img标签的自定义属性中(比如data-src)。当js监听到该图片元素进入可视窗口时,即将自定义属性中的地址存储到src属性中,达到懒加载的效果。 这样做能防止页面一次性向服务器响应大量请求导致服...

2017-01-13 19:45:25

阅读数 57317

评论数 4

stickup效果的实现

什么是stickup效果呢?其实就是一个元素本来在页面上,当页面滚动时,让其属性position变为fixed从而浮动在页面上的一种效果。 看起来很简单,其实不简单哦,下面是我的实现的两个stickup效果的demo。单个导航条的stickup效果预览、代码多个导航条的stickup效果预览、代码

2017-01-13 19:33:46

阅读数 1747

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭