自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(141)
  • 问答 (1)
  • 收藏
  • 关注

原创 Vue2.0 vue.set

 Vue.set 的作用就是在构造器外部操作构造器内部的数据、属性或者方法。比如在vue构造器内部定义了一个count为1的数据,我们在构造器外部定义了一个方法,要每次点击按钮给值加1.就需要用到Vue.set。一、引用构造器外部数据:什么是外部数据,就是不在Vue构造器里里的data处声明,而是在构造器外部声明,然后在data处引用就可以了。外部数据的加入让程序更加灵活,我们可以在外部获取任何想...

2018-07-01 08:28:06 530 1

原创 Vue里this指向

一、普通函数中的this 这是vue文档里的原话:All lifecycle hooks are called with their 'this' context pointing to the Vue instance invoking it.意思是:在Vue所有的生命周期钩子方法(如created,mounted, updated以及destroyed)里使用this,this指向调用它的Vu...

2018-06-30 15:25:15 19438 1

转载 js本地存储:localStorage

一.简介  localStorage会可以将第一次请求的数据直接存储到本地,这个相当于一个5M大小的针对于前端页面的数据库   ——注意:在IE8以上的IE版本才支持localStorage这个属性。localStorage属于永久性存储,如果存储内容多的话会消耗内存空间,会导致页面变卡。 二.具体使用方式如下:  1.localStorage - 没有时间限制的数据存储    var arr=[...

2018-06-30 10:36:00 341

翻译 Aadobe CC 2014安装失败

这样的问题的不单单是adobe cc 2015,adobe其他系列如adobe CC CC 2014一样有这样的情况,很多人遇到这样的情况,首先的反应是认为安装包有问题,于是重新下载其他版本,结果却是出错依旧。出现上述错误,大多是因为你的系统曾经安装过adobe系列软件某个绿化版本(或者也可能是安装了旧版本)的缘故。解决办法:进入到"C:\Program Files (x86)\Common Fi...

2018-04-21 17:35:34 1358

原创 关于安装Adobe Illustrator(AI) CC 2017中遇到的问题总结

问题1:打开AI弹出"无法启动此程序,因为计算机中丢失api-ms-win-crt-runtime-l1-1-0.dl"?解决方法:1、下载api-ms-win-crt-runtime-l1-1-0.dll 。2、直接拷贝该文件到系统目录里:C:\Windows\System32目录下,64位系统为:C:\Windows\SysWOW643、最后在开始菜单中找到“运行(R)” 或者按快捷键“Win...

2018-04-21 17:06:09 13744

原创 安装Adobe Illustrator(AI) CC 2017 后弹出"无法启动此程序,因为计算机中丢失api-ms-win-crt-runtime-l1-1-0.dll"

api-ms-win-crt-runtime-l1-1-0.dll是一个重要的系统文件。自己在装Adobe Illustrator(AI) CC 2017程序启动的时候,提示api-ms-win-crt-runtime-l1-1-0.dll文件缺失,这个时候不必担心,只要下载一个即可,亲测可用!1、下载api-ms-win-crt-runtime-l1-1-0.dll 。2、直接拷贝该文件到系统目...

2018-04-21 16:50:17 42169

原创 JS变量作用域、闭包

一、变量作用域变量作用域指的是变量的作用范围,javascript中的变量分为全局变量和局部变量1、全局变量:在函数之外定义的变量,为整个页面公用,函数的内部外部都可以访问。2、局部变量:在函数内部定义的变量,只能在定义该变量的函数内部访问,外部无法访问。函数内部访问变量时,先在内部查找是否有此变量,如果有,就使用内部,如果没有,就去外部查找二、闭包闭包就是函数嵌套函数,内部函数可以引用外部函数的...

2018-03-02 15:02:52 225

原创 jquery 未来元素绑定事件.on()

live() —— jquery1.8版本之后就不建议使用了on() —— 适用于当前及未来的元素(比如由脚本创建的新元素)正确写法:$("#addressOpera").on("click","ul li",function(){ $(this).css("border","5px solid #000"); }); //下面这样写就是错的了,一定要把动态添加的元素放到on()

2018-01-03 15:37:01 1797

原创 移动端触碰/滚动屏幕,弹出框隐藏

html:<div class="langChange"> <div class="langTit">En ↓</div <div class="langBdshow" id="langBdshow" style="display:none"> ..... </div></di

2017-12-01 16:09:54 1644

转载 滚动到顶部、offset()、.offset().top、offsetTop、 .scrollTop、.scrollHeight、.clientHeight等相关比较

1、.position()和.offset()jquery的.position()获取相对于最近的position为relative或absolute的父元素的偏移,返回.position().left和.position().top,不算上自己的margin-left;jquery的.offset()获取相对于视口左上角的偏移,返回.offset().left和.offset().top

2017-11-24 14:13:29 7871 1

转载 bootstrap 自适应全屏轮播可支持左右滑动

// 本文所使用的 Bootstrap 版本为 v3.0.3因为最近开发的项目涉及到移动设备上的 HTML5 开发,其中需要实现轮播效果。然后最快捷的方式,你知道的(Bootstrap),然后原生的 Bootstrap 的 carousel.js 插件并没有支持手势。然后……自己想办法呗,再然后,就有下面3种解决方案 :jQuery Mobile (http://jquerymobile.com/d

2017-11-02 17:41:42 3433

原创 IIS错误信息:HTTP 错误 401.3 - Unauthorized 由于 Web 服务器上此资源的访问控制列表(ACL)配置或加密设置,您无权查看此目录或页面

有时搭建IIS站点会报这个错误,整理捯饬出来亲测好用,方便下次遇到该问题的小朋友。 解决方案:最后点击确定,刷新页面就好了。

2017-10-31 11:07:24 1954 1

原创 npm更新和node更新

本文介绍的是windows 下更新 npm 和 node,网上查询了一些方法,并一一亲自试验分享给小伙伴。一、npm更新 查看自己npm版本:npm -v 运行命令更新: npm install npm@latest -g 安装好以后再查询版本号,就变成 5.5.1 了。 二、node更新之前装的node是v6.9.4,目前node最新版本是v8.7.0 -> 官网。网上说法 sudo np

2017-10-23 16:51:04 429

转载 Webstorm安装Less

网上找了几篇安装的方法,比较复杂,下面这个亲测好用!一、安装1.下载less压缩包(https://plugins.jetbrains.com/plugin/7059-less-css-compiler);下载完的安装包名称为“lessc-plugin.zip。 2.打开“WebStorm”,按“File >> Settings >> Plugins”进入插件安装界面,通过“Install pl

2017-09-07 16:21:36 576

转载 CSS3动画(360度旋转、旋转放大、放大、移动)(转)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> div{ width:120px; height:120px; line-

2017-08-31 18:47:33 565

转载 jQuery 事件委托

事件委托是通过事件冒泡的原理,利用父级去触发子级的事件。如下html,如果不用事件委托,将每一个li都去添加click事件监听,非常麻烦。另外就是如果通过js动态创建的子节点,需要重新绑定事件。而利用事件委托的话,只需要给父级绑定一个事件监听,即可让每个li都绑定上相应的事件。html:<ul id="wrap"> <li>item1</li> <li>item2</li>

2017-08-28 14:23:55 270

原创 CSS3 特殊字体@font-face

一般在AI、PS里用的特殊字体,在网页如何调用? —》使用@font-face规则,网页设计师再也不必使用的”web-safe”的字体之一。兼容性: IE9 只支持 .eot 类型的字体, Firefox, Chrome, Safari, 和 Opera 支持 .ttf 与.otf 两种类型字体. 注意: IE 8 及更早IE版本不支持@font-face 规则.使用:① 配置字体, c

2017-08-23 15:18:03 2898 1

原创 jQuery点击网页任意空白区域隐藏div

JS代码:$(function () { $('#btnShow').click(function (event) { //取消事件冒泡 event.stopPropagation(); //按钮的toggle,如果div是可见的,点击按钮切换为隐藏的;如果是隐藏的,切换为可见的。 $('#divT

2017-08-18 12:00:50 5325

原创 CSS3响应式布局 要点

最常见的办法就是基类(最常用的网站布局)+扩展类(几种不同的网站布局类)来实现不同的布局。<!–-使用说明:网站基本布局,使用class="layout";使用ipad访问时,追加class="layout-ipad";使用iphone访问时,追加class="layout-iphone";使用iphone横屏访问时,追加class="layout-iphone-h";使用移动设备分辨率小

2017-08-16 15:07:43 279

原创 superslide.js 多种网页组合效果

简介SuperSlide 致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决!还可以多个SuperSlide组合创造更多效果哦~(兼容包括ie6的绝大部分浏览器)   使用方法参数:http://www.sup

2017-08-16 13:51:18 1121

翻译 图表Chart.js入门教程

使用Chart.js来制作各种各样的图表。下面将为你全方位介绍chart.js。chart.js最与众不同之处是,它可以在HTML5 Canvas上面绘制出色的响应式图表。Chart.js允许你把不同的图表类型混合在一起,然后在上面绘制日期、对数或自定义比例的数据。还可以在更改数据或更新颜色时应用运用框外动画。 下面将教你安装chart.js,然后介绍配置选项和其他的方面。1. 安装和使用你可以从G

2017-07-20 16:23:33 15635 2

转载 js /jquery停止事件冒泡和阻止浏览器默认事件

浏览器默认事件Submit按钮: 在form表单中的,提交form表单中的数据到服务器;Button: 在PC中不做任何事情, 在手机浏览器中, 若是在form中,则是submit;a标签: 默认将当前页面跳转为a标签中href的地址;在移动端下制作单页不要让用户滚动屏幕。在IE6下使用这个处理a标签不能点击的bug。1.js阻止冒泡事件var el = window.document.

2017-07-10 15:14:23 475

原创 WebStorm安装与使用

一、简介WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国js开发者誉为”Web前端开发神器”、”最强大的HTML5编辑器”、”最智能的JavaScript IDE”等。用途:功能强大的前端专用IDE,拥有即时编辑(chrome)、自动完成、debugger、Zen Coding、HTML5 支持、JSLint、Less支持、CoffeeScript支持、N

2017-06-29 14:43:06 2316

原创 移动端(h5)浏览器分享选择好友总结

需求:需要在微信、各种移动端浏览器、QQ内置浏览器中实现将页面分享至微信好友、朋友圈、新浪微博、QQ好友、QQ空间。  分析:常用插件(百度、jiathis等)对于移动端的微信分享会出现上面刚开始讨论的问题,手机上弹出二维码无法使用,其他的媒体分享方式倒是正常,所以就移动端微信分享的问题进一步学习。  经过一番资料查找发现:微信中,只能通过提示点击右上角进行分享QQ浏览器、UC浏览器可通过开放的A

2017-06-22 11:03:11 14664 2

转载 移动端下拉加载更多DEMO(纯js实现)

首先需要给div加scroll事件,监听滚动条滚动动作。那何时触发加载动作呢?当滚动条滚到底的时候。如何判断滚动条滚到底呢? 当滚动条的高度加上滚动条到div顶部的高度等于div的可滚动高度时,说明滚动条到底部了。公式如下。this.scrollHeight <= $(this).scrollTop() + $(this).height() 给出一个能跑的demo,需要引入jquery。

2017-06-05 09:58:08 8522

转载 Vue.js——60分钟快速入门

Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,你无需手动操作DOM。它通过一些特殊的HTML语法,将DOM和

2017-05-23 10:36:10 696

转载 backbone简介

基于underscore、非强制性依赖jquery/zepto的前端javascript框架。 backbone.js是一款web前端开发的javascript轻量级MVC框架;依托此框架,我们可以像高级语言一样定义类、类属性及方法,更好的组织代码并按框架提供的数据逻辑分离方法减少代码混乱。本文需要的文件: 需要下载这3个js文件:[zepto](http://files.cnblogs.com/

2017-05-23 09:46:53 327

转载 Javascript闭包

一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。var n=999;  function f1(){    alert(n);  }f1(); // 999另一方面,在函数外部自然无法读取函数内的局部变量。function f1(){

2017-05-03 14:14:41 257

原创 十大H5场景制作软件大盘点

来源:https://www.douban.com/note/600681747/10个H5页面制作工具,功能全面评测1. 易企秀http://www.eqxiu.com/百度指数:★★★★★易企秀界面作 为百度指数最热的易企秀其实很容易定义,就是移动版PPT的H5页面制作工具,用来在手机上做简单动态演示。所以它各方面的组件,比如文本、按钮、图表、

2017-04-26 15:19:00 5430

转载 自制H5页面工具盘点 宣传/相册/邀请函

如何推广营销是一家企业最为看重的问题,一些新奇有趣的方式方法更能获得大家的关注,比如H5页面。一个例子就是此前火爆整个朋友圈的“围住神经猫”游戏,上线仅短短48小时便创造了1千多万PV的神话,同时利用H5页面推广也赢得了各大厂商们的青睐。除了用于商业推广,H5页面在生活中也是有广泛用途的,由于传播方式广,制作速度快成本低,求婚、纪念册,甚至是自己的简历,都可以通过H5来展示。但在很

2017-04-26 15:17:55 2748

转载 CSS font-family 各名称一览表

windows常见内置中文字体字体中文名字体英文名字体应用宋体SimSun(浏览器默认)中文名英文名浏览器默认黑体SimHei中文名英文名浏览器默认微软雅黑Microsoft Yahei中文名英文名浏览器默认

2017-04-25 14:53:47 85033 1

转载 CSS设置滚动条样式

CSS设置滚动条样式因为在现在的大部分项目中很多都用到了滚动条,有时候用到模拟的滚动条,现在说下滚动条的CSS也能解决。比如网易邮箱的滚动条样子很好看,就是利用的CSS来设置的,而且是webkit浏览器的。如图所示: 下面就讲解这几个属性怎么使用,代表什么意思。一:webkit下面的CSS设置滚动条主要有下面7个属性::-webkit-scr

2017-04-21 17:46:34 19702

转载 css3 滚动条样式

自定义IE浏览器滚动条样式追溯浏览器对滚动条的自定义,恐怕最早的就是IE浏览器了(好像最开始支持的版本是IE5.5)。下面列出了多个版本的支持性况:滚动条样式支持情况支持浏览器版本可否继承描述scrollbar-3dlight-colorIE特有属性IE5.5+y设置滚动框的和滚动条

2017-04-21 17:45:26 1325

原创 javascript中map、foreach、reduce、filter间区别?

假设我们有个数组,每个元素是一个人,你面前站了一排人。 foreach 就是你按顺序一个一个跟他们说做点什么,具体做什么:people.forEach(function (dude) { dude.pickUpSoap();});map 就是你手里拿一个盒子(一个新数组),一个个叫他们把钱包扔进去。结束的时候你获得一个新数组,里面是大家的钱包,钱包顺序和人的顺序一 一对应。var walle

2017-04-14 15:47:00 3981 1

原创 javascript中apply和call区别

一、区别obj.call(thisObj, arg1, arg2, ...);obj.apply(thisObj, [arg1, arg2, ...]);两者作用一致,都是把obj(即this)绑定到thisObj,这时候thisObj具备了obj的属性和方法。或者说thisObj『继承』了obj的属性和方法。唯一区别是apply接受的是数组参数,call接受的是连续参数。function add

2017-04-12 12:00:24 421

原创 HTML5离线存储

怎么用首先来讲解下离线存储的使用方法,说起来也很简单。只要在你的页面头部像下面一样加入一个manifest的属性就可以了。html manifest = "cache.manifest">...html>然后cache.manifest文件的书写方式,就像下面这样:CACHE MANIFEST#v0.11CACHE:js/app.jscss/style.c

2017-04-10 16:32:47 474

转载 HTML5离线存储原理及实现

前言使用 HTML5,通过创建 cache manifest 文件,可以轻松地创建 web 应用的离线版本。HTML5引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。 应用程序缓存为应用带来三个优势:离线浏览 – 用户可在应用离线时使用它们速度 – 已缓存资源加载得更快减少服务器负载 – 浏览器将只从服务器下载更新过或更改过的资源。

2017-04-10 16:19:11 819

原创 weinre安装

1. jdk安装好并配置好环境 cmd检查JDK是否安装成功:java -version,如下图则表示已安装。2. node.js安装 https://nodejs.org/en/3. 安装weinre cmd: npm -g install weinre,如下图则ok。4. 启动方法① weinre.cmd 启动 方法② cmd 启动 5. 成功 地址栏输入:http://lo

2017-04-01 11:19:03 488

转载 html5media:兼容、高效的HTML5视频播放器

一劳永逸的音频,视频解决办法随着HTML5的风行,、多媒体标签使得多媒体的插入更加容易,但是它们对低版本浏览器的支持度不够高,所以heml5media来了。大部分主流浏览器,一条代码解决兼容不要安装任何插件兼容各种浏览器和移动端多快好省的解决办法使用1 引用X

2017-03-31 15:42:18 11718 1

原创 javascript中0、false、null、undefined、""

typeof类型检测:typeof(false) === 'boolean'; //truetypeof(0) === 'number'; //truetypeof("") === 'string'; //truetypeof(null) ==='object'; //truetypeof(undefined) === undefined; //true t

2017-03-29 15:57:41 404

空空如也

空空如也

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

TA关注的人 TA的粉丝

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