- 博客(31)
- 收藏
- 关注
RSS订阅
原创 值得推荐的一款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>...
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
原创 居中大全【虐心整理】
（参考原文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
原创 常用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
原创 关于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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人