自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(43)
  • 收藏
  • 关注

转载 Node.js图片爬虫

最近一直在写微信小程序,没时间看nodejs,今天就把之前写的图片爬虫拉出来晒一晒,免得彻底忘记~写的还不完善,还没时间继续,请开始嘲笑我的烂代码~首页展示开始爬取图片下载图片前端界面 index.html<!DOCTYPE html><html lang="en"> <head> &...

2018-03-12 13:58:00 205

转载 CSS3倒影

Demo:-webkit-box-reflect: below 0 -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,.0) 30%,rgba(250,250,250,0.3));语法box-reflect:none |<direction><offset>&l...

2018-02-26 10:46:00 120

转载 JS隐式类型转换

javascript是一种弱类型语言,用var声明变量,为变量赋值时会自动判断类型并进行转换;而强类型语言变量类型有多种,例如int char float boolean 等不同的类型相互转换有时需要强制转换ECMAScript中有5中简单数据类型(也称为基本数据类型): Undefined、Null、Boolean、Number和String。还有一种复杂的数据类型Object(除...

2018-02-26 10:24:00 155

转载 jquery如此强大,为什么还要写原生呢?

这是一个伪标题,其实是一篇年终总结。毕业以来在两家公司工作过,目前在这家公司一年多,蛮多收获的。大部分来自自己,小部分来自公司。做前端开发到现在,我觉得可以分为两部分。前半生  前半部分做项目用原生js,jquery以及各种基于jq的库,用underscore.js做模板引擎,用Require.js做模块化,那时候刚自己前端之路刚起步,自以为会模块化就在内心嘲笑只会jqu...

2017-12-29 15:08:00 176

转载 解决vue.js修改数据无法触发视图

data:{  checkValue:{}}that.checkValue[key] = [] 赋值无法实时改变变量;(数据其实最终被修改,但是并没有触发检测从而更新视图)原因:Vue 不能检测到对象属性的添加或删除解决:改用vm.$set方法可以触发检测转载于:https://www.cnblogs.com/xiaomingSun/p/7993932...

2017-12-06 17:37:00 240

转载 npm发布vue组件流程

初始化项目vue init webpack-simple XXX定义组件略发布配置1.package.json2.webpack.config.js(注释部分为原配置)发布1.登录2.发布npm publish转载于:https://www.cnblogs.com/xiaomingSun/p/7942575.html...

2017-12-01 15:23:00 108

转载 JS预解析

1.ale();var a =1 ;function ale (){alert(a)}//函数变量都预解析,ale()执行时,a值为undefind实际顺序为var a;function ale(){}ale();a =1 ;所以函数执行是a没有值2.$(body).onclick=function(){alert(...

2017-12-01 15:15:00 91

转载 AngularJS基础

创建模块var app = angular.module("myApp", []); 添加控制器var app = angular.module("myApp", []);app.controller("myCtrl", function($scope) { $scope.firstName = "John"; $scope.l...

2017-08-25 10:02:00 98

转载 less基础语法

变量//->LESS代码 @link-color: #428bca; @link-color-hover: darken(@link-color, 10%); a { color: @link-color; &:hover { color: @link-color-ho...

2017-08-10 11:50:00 102

转载 常用正则表达式

Email地址:^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$域名:[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.?InternetURL:[a-zA-z]+://[^\s]* 或 ^http://([\w-]+\.)+[\w-]+(/[\w-./?%&...

2017-08-07 10:05:00 131

转载 禁止文字选中

-moz-user-select:none;/*火狐*/-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期浏览器*/user-select:none;  转载于:https://www.cnblogs.com/xi...

2017-08-07 09:45:00 125

转载 Javascript中call和apply的区别与详解

在js中call和apply它们的作用是改变函数调用对象,实现继承例如:改变调用对象function a(x,y){ alert(x+y);}function b(x,y){ alert(x-y);}a.call(b,1,5) //将a方法交给b用,结果为5改变this指向function b(){...

2017-08-04 12:34:00 82

转载 判断鼠标移入元素方向

$(this).bind("mouseenter mouseleave",function(e){     var w = $(this).width();     var h = $(this).height();     var x = (e.pageX - $(this).offset().left - (w / 2)) * (w > h ? (h / w...

2017-07-25 22:51:00 129

转载 数组操作大全

shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefinedvara=[1,2,3,4,5];varb=a.shift();//a:[2,3,4,5]b:1unshift:将参数添加到原数组开头,并返回数组的长度vara=[1,2,3,4,5];varb=a....

2017-06-29 14:05:00 115

转载 常用正则表达式

Email地址:^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$域名:[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.?网址:[a-zA-z]+://[^\s]* 或 ^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)...

2017-06-28 17:43:00 95

转载 Base64转换二进制文件对象 Blob/Base64转换 File 对象

function convertBase64UrlToBlob(urlData) {  var arr = dataurl.split(','),//去掉url的头,并转换为byte  type = arr[0].match(/:(.*?);/)[1],  fileExt = mime.split('/')[1],  bstr = atob(arr[1]),  n...

2017-06-23 10:48:00 542

转载 AMD与CMD区别

区别:1. 对于依赖的模块,AMD 是提前执行,CMD 是延迟执行。不过 RequireJS 从 2.0 开始,也改成可以延迟执行(根据写法不同,处理方式不同)。CMD 推崇 as lazy as possible.2. CMD 推崇依赖就近,AMD 推崇依赖前置。看代码:// CMDdefine(function(require, exports, module) { ...

2017-06-19 17:32:00 86

转载 H5之前端操作文件

js是否能够操作文件?js在HTML5以前浏览器端是无法操作文件的,但HTML5中给a标签增加了一个download属性,只要有这个属性,点击这个链接时浏览器就不在打开链接指向的文件,而是改为下载(目前只有chrome、firefox和opera支持)。HTML5还提供了FileReader接口,其中包括接口有4个方法,其中3个用来读取文件,另一个用来中断读取。ajax能否操...

2017-06-19 17:05:00 145

转载 requireJS基础使用

index.html<body class="requireBODY" id="body"><div id="vuebox">{{ a }}<script src="require.js" data-main='main.js'></script>//引入requirejs,配置data-mian属性,作为程序主入口...

2017-06-19 14:08:00 124

转载 JS判断终端

//判断手机终端if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)) {  window.location.href = 'mobile.html'}  转载于:https://www.cnblogs.com/xiaomingSun/p/7047252.html...

2017-06-19 09:22:00 105

转载 解读JavaScript原型链

var F = function(){};F.prototype.a = function(){};Object.prototype.b = function(){};Function.prototype.c = function(){};var f = new F();f.name = '111';console.log(f) 打印f...

2017-06-16 15:48:00 83

转载 禁止浏览器自动填写用户名密码

原始:<input type="text" id="userName"> <input type="password" id="passWord"> 修改:<input type="text" id="userName"> <input type="password" name="user_passwd...

2017-06-16 14:50:00 118

转载 Vue购物车实例

     <div class="buyCarBox" id="buyCarBox" v-cloak> <div class="haveCloth" v-if="cloths.length"> <div class="cloth-thead"> <div class="cloth-td-head">全部商品{...

2017-05-12 17:29:00 109

转载 scrollTop的兼容性

各浏览器下 scrollTop的差异 IE6/7/8: 对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 ; 对于有doctype声明的页面则可以使用 document.documentElement.scrollTop; Safari: safari 比较特别,有自己获取scroll...

2017-05-08 15:24:00 120

转载 jQuery架构(源码)分析

( function( global, factory ) { "use strict"; if ( typeof module === "object" && typeof module.exports === "object" ) { module.exports = global.document ? factory( global, tr...

2017-05-08 11:35:00 83

转载 web前端优化整理(转)

如今浏览器能够实现的特性越来越多,并且网络逐渐向移动设备转移,使我们的前端代码更加紧凑,如何优化,就变得越来越重要了。开发人员普遍会将他们的代码习惯优先于用户体验。但是很多很小的改变可以让用户体验有个飞跃提升,所以任何一点儿小小的优化都会提升你网站的性能。前端给力的地方是可以有许多种简单的策略和代码习惯让我们可以保证最理想的前端性能。我们这个系列的主题就是要告...

2017-05-02 15:13:00 95

转载 前端模块化:RequireJS(转)

前言前端模块化能解决什么问题?模块的版本管理提高可维护性 -- 通过模块化,可以让每个文件职责单一,非常有利于代码的维护按需加载 -- 提高显示效率更好的依赖处理 -- 传统的开发模式,如果B依赖A,那么必须在B文件前面先加载好A。如果使用了模块化,只需要在模块内部申明依赖即可。AMD规范 & CMD规范说到前端模块化,就不得不提AMD规范(中...

2017-05-02 14:44:00 101

转载 前端构建之gulp与常用插件(转载)

原博主:幻天芒 原文地址:http://www.cnblogs.com/humin/p/4337442.htmlgulp是什么?http://gulpjs.com/相信你会明白的!与著名的构建工具grunt相比,有什么优势呢?易于使用,代码优于配置高效,不会产生过多的中间文件,减少I/O压力易于学习,API非常少,你能在很短的事件内学会gulp...

2017-05-02 14:32:00 77

转载 PS快捷键

alt+点击眼睛:隐藏其他图层F12:恢复移动工具:crtl+t 拖动标尺开关:crtl+r标尺隐藏:ctrl+h转载于:https://www.cnblogs.com/xiaomingSun/p/6795666.html

2017-05-02 13:18:00 66

转载 CSS图片文字同行居中

img{   display:inline-block; vertical-align:middle;}  转载于:https://www.cnblogs.com/xiaomingSun/p/6795661.html

2017-05-02 13:17:00 139

转载 CSS之clearfix清除浮动

.clear {clear: both;height: 0;overflow: hidden;display: block;line-height: 0}.clearfix:after {clear: both;font-size: 0;height: 0;display: block;visibility: hidden;con...

2017-05-02 13:16:00 101

转载 解决IOS iframe不滚动问题

.frameBox{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; -webkit-overflow-scrolling: touch; overflow-y: scroll;}iframe { width: 100%; ...

2017-05-02 13:13:00 106

转载 CSS文字不换行,溢出省略

white-space:nowrap;overflow:hidden;text-overflow:ellipsis;转载于:https://www.cnblogs.com/xiaomingSun/p/6795626.html

2017-05-02 13:07:00 89

转载 JS面向对象之创建对象

1、基于Object对象var person = new Object();person.name = 'My Name';person.age = 18;person.getName = function(){  return this.name;}2、对象字面量假定我们把人看成一个对象,它有"名字"和"年龄"两个属性。var Perso...

2017-05-02 10:43:00 106

转载 HTML5 进阶系列:拖放 API 实现拖放排序(转载)

HTML5之拖放API实现拖放排序前言HTML5 中提供了直接拖放的 API,极大的方便我们实现拖放效果,不需要去写一大堆的 js,只需要通过监听元素的拖放事件就能实现各种拖放功能。想要拖放某个元素,必须设置该元素的 draggable 属性为 true,当该属性为 false 时,将不允许拖放。而 img 元素和 a 元素都默认设置了 draggable 属性为 ...

2017-05-02 10:05:00 106

转载 Gulp 的简单使用(原创)

1.安装nodejs 安装省略 npm的全称是Node Package Manager,是随同NodeJS一起安装的包管理和分发工具,它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。2.cmd(npm)- 全局安装gulp npm install -g gulp3.cmd(npm)-进入项目路径,执行npm ...

2017-05-02 09:37:00 82

转载 HTTP之URL分解

HTTP使用统一资源标识符(Uniform Resource Identifiers, URI)来传输数据和建立连接。URL是一种特殊类型的URI,包含了用于查找某个资源的足够的信息URL,全称是UniformResourceLocator, 中文叫统一资源定位符,是互联网上用来标识某一处资源的地址。以下面这个URL为例,介绍下普通URL的各部分组成:http://www.asp...

2017-05-02 09:05:00 280

转载 JS闭包

闭包是,就是引用不是在自己作用域内的变量。函数a执行结束时应该销毁其中的局部变量a变量,但子函数b调用了父函数a的变量,导致变量a一直为函数b保存在内存中以供函数b引用;function a(){  var a= 0;  return function (){    var b = 1;    return a+b;  }}举例说明:...

2017-04-28 16:22:00 92

转载 android studio 环境变量配置

1.需要添加path环境变量;2.真机调试或模拟器调试需要启动adbadb kill-severadb -start-server可能有端口冲突--重启或者修改端口创建密匙http://blog.csdn.net/sunylat/article/details/9239595转载于:https://www.cnblogs...

2017-04-25 14:03:00 128

转载 破解iframe微信推文(图片)防盗链

$.ajaxPrefilter(function(options) {  if(options.crossDomain && jQuery.support.cors) {  var http = (window.location.protocol === 'http:' ? 'http:' : 'https:');  options.url = http ...

2017-04-25 13:56:00 669

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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