自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 值得推荐的一款WEB前端开发必备谷歌浏览器扩展插件--Visual Event

Visual Event是一个开源 JavaScript 书签,能提供绑定在DOM元素上的事件调试信息

2017-05-15 15:34:09 2858

原创 温故知新之VUE

最近重新看下vue,当初学的时候笔记记得乱七八糟,对于一个刚接触MVVM的人来说,网上的文档看的也是云里雾里,很多东西用起来也是生搬硬套,今天看到一篇文章写的特别透彻,对vue有了更深刻透彻的理解,对于新手可以快速掌握更好的理解(http://www.cnblogs.com/rik28/p/6024425.html)。我自己也做了一个小小的总结,俗话说温故而知新,不一定要不断学习生僻的知识,也可以

2017-05-12 11:34:20 303

原创 关于JavaScript 三种绑定事件方式之间的区别以及对应的解绑(整理)

JavaScript三种绑定事件的方式:1.直接在DOM里绑定事件2.脚本里面绑定3.通过侦听事件处理相应的函数(按顺序执行)

2017-05-05 09:55:35 542

原创 flex五行代码实现圣杯布局

常用布局(两侧宽度固定,中间宽度自适应的三栏布局)1.dom代码<!-- DOM结构 --><div id="container"> <div id="center"></div> <div id="left"></div> <div id="right"></div></div>2.css代码#container { display: flex;}#

2022-03-14 11:44:40 194

原创 关于macbook安装nuxt无法启动解决办法

1.按照文档安装(安装 - NuxtJS | Nuxt.js 中文网)安装完运行npm run dev,无法顺利启动。2.终端报错如图:3.修改package.json文件添加配置:"config": { "nuxt": { "host": "0.0.0.0", "port": 3000 } }4.成功启动!...

2022-03-10 09:59:44 1844

原创 关于H5真机调试

一、让手机和电脑处于同一网段如何让手机和电脑处于同一网段?1.如果你所处环境的wifi和电脑网络是同一局域网,当你手机连上wifi后自然很电脑处于同一网段了。2.电脑发射wifi,手机连接。笔记本电脑可以下载wifi软件,台式电脑只能买个wifi发射器了,所以我买了一个随身wifi。3.手机开热点,笔记本电脑连接。二、起一个本地服务器(自用live-server)三、移动端网页抓包调试工具https://www.mobiledebug.com/Mobile Debug官方网站(代

2022-01-24 15:20:33 4208

原创 关于前端技术选型考虑维度

1.前端架构框架、UI框架、构建工具、CSS预处理;2.保证技术实施的高性能,强兼容性,并且不会再短时间内被时代所遗弃;3.根据github关注度排名前端框架 react facebook 虚拟dom,单项数据流 高效创建交互式组件 AngularJS google 双向数据绑定,指令 结构化 vue 尤雨溪 轻量级的an...

2019-10-03 15:57:32 734

转载 ES6 之 class 继承

// 通过 extends 关键字继承了 Point 类的所有属性和方法。但是由于没有部署任何代码,所以这两个类完全一样,等于复制了一个 Point 类class Point {}class ColorPoint extends Point {}// constructor 方法和 toString 方法之中,都出现了 super 关键字,它在这里表示父类的构造函数,用来新建父类的 ...

2019-08-28 10:09:34 91

转载 ES6的开发环境搭建

** 建立工程目录: ** 先建立一个项目的工程目录,并在目录下边建立两个文件夹:src和distsrc:书写ES6代码的文件夹,写的js程序都放在这里。 dist:利用Babel编译成的ES5代码的文件夹,在HTML页面需要引入的时这里的js文件。** 编写index.html: **文件夹建立好后,我们新建一个index.html文件。<!DOCTYPE html&gt...

2019-08-23 09:56:17 90

原创 ES5和ES6数组遍历方法详解

链接:https://segmentfault.com/a/1190000010203337?utm_source=tag-newest通俗易懂

2019-05-24 09:33:12 189

原创 PHP Ajax 跨域问题最佳解决方案

http://www.runoob.com/w3cnote/php-ajax-cross-border.html

2017-08-09 17:09:04 213

原创 web前端开发面试问题总结

最近刚刚换了工作,在熟悉新代码的阶段就抽时间整理一下面试遇到的问题.不难,但很典型,有些问题不只是面试要去回答,更是真正开发遇到的小坑(不断总结中...)1. 关于手机端点击事件延迟移动端页面对于点击事件会有300毫秒的延迟,也就是js捕获click事件的回调函数处理,需要300ms后才生效.延迟原因,因为存在双击缩放的事件,当你点击以此之后,浏览器会等待一段时间以确定你是否是在做

2017-06-29 10:47:59 637

原创 盒子模型【基础必备】

盒子模型可以说是css十分基础的一个概念,但要彻底理解并应用到实际还是要仔细品读几遍的,今天就这个机会整理出来,分享给大家。网上很多资源讲,我也借两张图来。

2017-05-19 10:58:50 223

原创 总结常用插件(自取)

常用插件

2017-05-18 15:46:51 349

原创 居中大全【虐心整理】

(参考原文https://css-tricks.com/centering-css-complete-guide/?utm_source=caibaojian.com)平时做居中,拿过来就做,全靠运气。知道很多种可以居中的办法,每次应用也是哪个可以实现就用哪个,今天有时间整理一下居中问题,不要再瞎猫碰死耗子了,遇到什么情况直接找到对应的方法。高效直接找到不同情境下的居中实现方法不是更好么。

2017-05-17 18:01:26 382

原创 js判断iOS或安卓跳转相应平台【基础常用】

在移动wap上,最常见的就是引流用户下载安装自己的应用程序,如何通过js点击判断下载是ios还是安卓呢?其实很简单,就是要判断用户的设备是iOS还是Android,然后分别跳转就可以了

2017-05-17 14:17:54 975

原创 字体自适应屏幕(rem)

使用rem来设置Web页面的字体大小

2017-05-16 18:02:52 1825

原创 常用css初始化样式(淘宝)

最简单粗暴的css初始化样式就是:*{padding:0;margin:0}(不推荐)淘宝的样式初始化:body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0;

2017-05-16 15:29:49 1311

原创 谷歌浏览器如何导出书签【实用帖】

谷歌浏览器如何导出书签

2017-05-16 10:20:24 31214

原创 关于json、jsonp

这篇文章很详细,真的很详细,http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html,等有不清楚的时候再来看

2017-05-12 16:43:36 205

原创 jQuery返回顶部【必备】

$(function(){点击ID为goTop的元素,回到顶部;$('#goTop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});点击ID为go的元素,回到ID为youwant的位置;$('#go').click(function(){$('html,body'

2017-05-05 14:30:41 267

转载 关于跨域(整理)

第一,如果是协议和端口造成的跨域问题“前台”是无能为力的,第二:在跨域问题上,域仅仅是通过“URL的首部”来识别而不会去尝试判断相同的ip地址对应着两个域或两个域是否在同一个ip上。“URL的首部”指window.location.protocol +window.location.host,也可以理解为“Domains, protocols and ports must match”。

2017-05-05 14:14:43 431

转载 关于闭包

闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。下面就是我的学习笔记,对于Javascript初学者应该是很有用的。

2017-05-05 14:09:29 203

原创 jq倒计时实现

function timer(intDiff){        window.setInterval(function(){            var day=0, hour=0, minute=0, second=0;//时间默认值            if(intDiff > 0){//floor() 方法执行的是向下取整计算,它返回的是小于或等于函数参数,并且与之最接近

2017-05-05 14:06:02 832

原创 jQuery切换tab标签

小结:tab标签通过与对应内容index绑定,为当前tab添加一个样式,移除其他,显示当前内容块,隐藏其他内容。(即tab[0]==>section[0])

2017-05-05 13:57:18 313

原创 jquery加载页面的方法

1、$(function(){   $("#a").click(function(){     //adding your code here   }); });(常用/最简洁)2、$(document).ready(function(){   $("#a").click(function(){     //adding your code here     }

2017-05-05 13:50:59 199

原创 多媒体查询语法

多媒体查询语法1.设置Meta标签①width = device-width:宽度等于当前设备的宽度②initial-scale:初始的缩放比例(默认设置为1.0)③ minimum-scale:允许用户缩放到的最小比例(默认设1.0)    ④maximum-scale:允许用户缩放到的最大比例(默认设置为1.0)   ⑤user-scalable:用户是否可以手

2017-05-05 13:44:45 426

原创 获取URL中参数的值

/** * 获取URL中参数的值 * * 例子:http://abc.com?action=update&id=987654321789 * var action = getUrlParam("action"); //返回action的值为"update" * * @Param: name: 要获取的参数名字 * @param: _location:可选参数,页面的URL,在弹出窗口

2017-05-05 13:42:24 337

原创 css3实现三角形,这一篇就够了

#triangle-right { width: 0; height: 0; border-top: 50px solid transparent; border-left: 100px solid red; border-bottom: 50px solid transparent;}

2017-05-05 11:41:50 3905

原创 JS实现图片加载模糊到清晰

原理:大图加载完成覆盖小图放大图。var img = new Image();img.src = "img-big.jpg";    img.onload = function() {document.getElementById('myImage').src = this.src;    }

2017-05-05 11:27:22 2072

转载 css3实现字体渐变效果

css3下渐变字体实现

2017-05-05 11:13:29 869

空空如也

空空如也

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

TA关注的人

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