自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Preeminent

Be the change you want to see in the world

  • 博客(99)

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

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

2017-05-17 19:52:58 3569 1

原创 ES6 中 Class 学习笔记

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

2017-05-14 22:01:09 441

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

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

2017-05-09 22:36:12 4370

原创 关于Number.toFixed()的总结

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

2017-05-08 21:08:17 7485

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

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

2017-05-04 20:16:43 2756 1

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

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

2017-05-02 20:45:10 417

原创 实现一个简单的栅格系统

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

2017-04-16 12:29:07 5271

原创 webpack学习笔记 (上)

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

2017-04-14 22:49:19 828

原创 HTML5_CSS3学习笔记

HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签HTML5是超文本标记语言的第五次重大修改,2014年10月29日标准规范制定完成。新特性: 语义特性:HTML5增加了许多新标签,可以赋予网页更好的意义和价值。使文档语义化。本地存储特性:基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 APP Cache,以

2017-03-20 20:40:56 551

转载 跨域资源共享 CORS 详解

作者: 阮一峰日期: 2016年4月12日本文转载自跨域资源共享CORS - 阮一峰, 我觉得阮老师写的非常好!深入浅出!就转载过来啦~CORS是一个W3C标准,全称是”跨域资源共享”(Cross-origin resource sharing)。 它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。本文详细介绍CORS的内部机制。一、简介CORS

2017-03-07 20:00:51 423

原创 解决jQuery的$冲突问题

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

2017-02-27 21:28:19 5082

原创 Vuex的五个核心属性

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

2017-02-26 13:36:15 22966 4

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

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

2017-02-09 00:48:49 9839 2

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

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

2017-02-05 11:43:11 4715 9

原创 关于this的一些学习笔记

关于可以指定this的apply()、call()函数apply()和call()函数都可以 指定this值和参数值的情况下调用某个函数。call()和apply()的作用一样,区别在于提供给原函数的参数的方式不一样apply()函数只接受两个参数,提供给原函数的参数以数组或类数组对象的形式存在而call()接收无限个参数, 第二个参数及其后面的参数就是提供给原函数的参数。例子通过例子,我

2017-01-17 11:24:13 341

原创 一个小实战

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

2017-01-17 11:16:42 236

原创 同源策略及跨域的问题

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

2017-01-13 19:56:05 892

原创 瀑布流布局的原理及实现

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

2017-01-13 19:47:54 11974 1

原创 懒加载的原理及实现

懒加载的原理原理:先将img标签中的src链接设为同一张图片(空白图片),将其真正的图片地址存储再img标签的自定义属性中(比如data-src)。当js监听到该图片元素进入可视窗口时,即将自定义属性中的地址存储到src属性中,达到懒加载的效果。这样做能防止页面一次性向服务器响应大量请求导致服务器响应慢,页面卡顿或崩溃等问题。代码实现既然懒加载的原理是基于判断元素是否出现在窗口可视范围内,首

2017-01-13 19:45:25 61558 4

原创 stickup效果的实现

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

2017-01-13 19:33:46 1945

原创 轮播实现

在学习Jquery的过程中,做了几个轮播的小组件,分享给大家简单的渐变效果的轮播展示、代码滚动效果的轮播展示、代码多个轮播在同一个页面(将函数封装)展示、代码全屏滚动效果的轮播展示、代码

2017-01-13 19:28:07 396

原创 jquery常用方法&ajax

一些小问题Jquery 中, $(document).ready()是什么意思?和window.onload 的区别? 还有其他什么写法或者替代方法?$(document).ready():在所有DOM节点加载完成后运行括号内的内容,此时图片、视频、音频可能还没加载完成。可以同时写多个该函数。其他写法还有:$().ready(function(){})或`$(function(){})windo

2017-01-13 19:25:18 352

原创 关于git push命令中的matching和simple

关于git push命令中的matching和simple最近使用git时,发现执行push命令时,出现了下面的提示:warning: push.default is unset; its implicit value has changed inGit 2.0 from 'matching' to 'simple'. To squelch this messageand maintain th

2017-01-10 15:37:14 4897

原创 学习jquery的一些常用方法

jquery中有许多常用的函数(方法),感觉进入了新世界!!现在就来总结学习以下。Jquery 中, $(document).ready()是什么意思?和window.onload 的区别? 还有其他什么写法或者替代方法?$(document).ready():在所有DOM节点加载完成后运行括号内的内容,此时图片、视频、音频可能还没加载完成。可以同时写多个该函数。其他写法还有:$().ready(

2017-01-08 08:23:00 511 1

原创 学习JQuery中的DOM操作和事件操作

学习JQuery中的DOM操作和事件操作一些问题JQuery是一个javascript类库,那类库是什么,库和框架的区别有是什么呢?库的英语为Library,是将代码集合成的一个产品,供程序员调用。面向对象的代码组织形式而成的库也叫类库。面向过程的代码组织形式而成的库也叫函数库。在函数库中的可直接使用的函数叫库函数。开发者在使用库的时候,只需要使用库的一部分类或函数,然后继续实现自己的功能。框架

2017-01-07 12:41:56 788

原创 关于原生js中ajax部分的学习笔记

关于原生js中ajax部分的学习笔记天啦噜,啃了两天,终于把ajax部分啃下来了,刚开始学的时候感觉脑袋里都是浆糊,但是现在感觉豁然开朗,也没什么难的~这种感觉真是!太!爽!啦!一些知识点ajax 是什么?有什么作用?Ajax是Asynchronous JavaScript and XML(异步Javascript和XML)的缩写。Ajax在浏览器和Web服务器之间使用异步数据传输(HTTP请求)

2017-01-03 02:22:01 643

原创 关于css选择器中nth-of-type和nth-child的区别

前言今天学习了css选择器,发现有两个伪类nth-of-type和nth-child在功能上十分相似,却又有不同的地方。但我发现无论是在MDN上,还是在w3school、菜鸟教程上,对这两个伪类选择器的对比说的都不是很明白。这篇文章就是对这两个伪类的简单探究~nth-of-type和nth-child的区别nth-of-type和nth-child都是css3中的伪类选择器,其功能也都是选取父元素下

2016-11-26 12:43:03 2003

原创 关于python中inspect模块的一些探究

关于python中inspect模块的一些探究标签: Python前言我在学习到实战Day5 - python教程 - 廖雪峰的官方网站时,遇到了inspect模块,之前对这个inspect模块一无所知啊,所以本着打破砂锅问到底的精神,决定对inspect模块做一些探究。根据度娘搜到的,inspect模块主要提供了四种用处:(1). 对是否是模块,框架,函数等进行类型检查。(2). 获取源码(3).

2016-11-06 12:12:38 18781 2

原创 python中的元类Metaclass

python中的元类Metaclass理解元类之前需要学习的知识如果说让我们创建一个类,最先想到的肯定是用class创建,当我们使用class创建类的时候,python解释器自动创建这个对象,但是python同样也提供了手动处理的方法来创建类,这就是用python的自建函数type()。我们所熟知的type()函数的作用是返回一个参数的类型,但是实际上,它也有一种完全不同的能力,即接受一个类的一些描

2016-10-31 19:17:33 7680 7

原创 使用python的email、smtplib、poplib模块收发邮件

使用python的email、smtplib、poplib模块收发邮件一封电子邮件的旅程是: MUA:Mail User Agent——邮件用户代理。(即类似Outlook的电子邮件软件)MTA:Mail Transfer Agent——邮件传输代理,就是那些Email服务提供商,比如网易、新浪等等。MDA:Mail Delivery Agent——邮件投递代理。Email服务提供商的某个服

2016-10-21 10:55:38 11674 4

原创 学习笔记_图形界面

学习笔记_图形界面学习日期:2016年10月17日 学习课程:图形界面 - 廖雪峰的官方网站Python支持多种图形界面的第三方库,包括:Tk、wxWidgets、QT、GTK等等。但是Python自带的库是支持Tk的Tkinter,使用Tkinter,无需安装任何包,就可以直接使用。本章简单介绍如何使用Tkinter进行GUI(图形界面)编程。Python内置的Tkinter可以满足基本的

2016-10-17 21:19:57 600

原创 学习笔记_常用内建模块

学习笔记_常用内建模块学习日期:2016年10月17日 学习课程:常用内建模块 - 廖雪峰的官方网站Python之所以自称“batteries included”(自备全套工具),就是因为内置了许多非常有用的模块,无需额外安装和配置,即可直接使用。本章介绍了一些常用的内建模块,下面总结一下他们。datatimedatetime是Python处理日期和时间的标准库。datetime表示的时

2016-10-17 21:19:32 401

原创 学习urblib和requests

学习urblib和requestsurblib是python的一个自建模块,它提供了一系列用于操作URL的功能。而第三方模块requests是对urllib的人性化封装。requests中文官方文档快速上手urlliburllib是基于http的高层库,它有以下三个主要功能:request处理客户端的请求response处理服务端的响应parse会解析url下面是使用Python

2016-10-17 21:18:54 371

原创 Python的自带模块——HTMLParser的初步学习

Python的自带模块——HTMLParser的初步学习HTMLParser是Python自带的模块,使用简单,能够很容易的实现HTML文件的分析。本文主要简单讲一下HTMLParser的用法. 使用时需要定义一个从模块html.parser中的类HTMLParser继承的类,重定义函数:handle_starttag( tag, attrs)handle_startendtag( tag,

2016-10-15 14:47:56 16619 3

原创 初见Python的第三方模块BeautifulSoup

初见Python的第三方模块BeautifulSoup中文版官方文档安装BeautifulSoup。$ pip install beautifulsoup4Beautiful Soup 是一个可以从HTML或XML文件中提取数据的Python库.它能够通过你喜欢的转换器实现惯用的文档导航,查找,修改文档的方式.Beautiful Soup会帮你节省数小时甚至数天的工作时间.解析器Beaut

2016-10-14 20:12:24 675

原创 学习笔记_XML

学习笔记_XML学习日期:2016年10月13日 学习课程:XML - 廖雪峰的官方网站什么是 XML?XML 指可扩展标记语言(EXtensible Markup Language)。XML 是一种很像HTML的标记语言。XML 的设计宗旨是传输数据,而不是显示数据。XML 标签没有被预定义。您需要自行定义标签。XML 被设计为具有自我描述性。XML 是 W3C 的推荐标准。XML

2016-10-13 21:32:00 193

原创 学习笔记_常用第三方模块-PIL

学习笔记_常用第三方模块-PIL学习日期:2016年10月11日 学习课程:常用第三方模块PIL - 廖雪峰的官方网站PIL:Python Imaging Library,已经是Python平台事实上的图像处理标准库了。PIL功能非常强大,但API却非常简单易用。安装PIL在命令行下直接通过pip安装:$ pip install pillow操作图像通过 Image 类中的 open()

2016-10-13 14:18:12 262

原创 学习笔记_itertools

学习笔记_itertools学习日期:2016年10月11日 学习课程:itertools - 廖雪峰的官方网站Python的内建模块itertools提供了非常有用的用于操作迭代对象的函数。无限迭代器count(x, y) 从x开始的整数循环器,每次增加y,如果不指定y则默认y为1cycle('abc') 重复序列的元素,既a, b, c, a, b, c …repea

2016-10-13 10:04:11 281

原创 学习笔记_hashlib

学习笔记_hashlib学习日期:2016年10月11日 学习课程:hashlib - 廖雪峰的官方网站摘要算法简介Python的hashlib提供了常见的摘要算法,如MD5,SHA1等等。摘要算法又称哈希算法、散列算法。它通过一个函数,把任意长度的数据转换为一个长度固定的数据串(通常用16进制的字符串表示)。我们以常见的摘要算法MD5为例,计算出一个字符串的MD5值:import has

2016-10-13 10:03:33 304

原创 学习笔记_struct

学习笔记_struct学习日期:2016年10月8日 学习课程:struct - 廖雪峰的官方网站Python提供了一个struct模块来解决bytes和其他二进制数据类型的转换。struct的pack函数把任意数据类型变成bytes。pack(fmt, v1, v2, ...) 按照给定的格式(fmt),把数据封装成字符串(实际上是类似于c结构体的字节流)unpack把bytes变成相应

2016-10-13 10:03:14 263

空空如也

空空如也

空空如也
提示
确定要删除当前文章?
取消 删除