- 博客(31)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 值得推荐的一款WEB前端开发必备谷歌浏览器扩展插件--Visual Event
Visual Event是一个开源 JavaScript 书签,能提供绑定在DOM元素上的事件调试信息
2017-05-15 15:34:09
2858
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 温故知新之VUE
最近重新看下vue,当初学的时候笔记记得乱七八糟,对于一个刚接触MVVM的人来说,网上的文档看的也是云里雾里,很多东西用起来也是生搬硬套,今天看到一篇文章写的特别透彻,对vue有了更深刻透彻的理解,对于新手可以快速掌握更好的理解(http://www.cnblogs.com/rik28/p/6024425.html)。我自己也做了一个小小的总结,俗话说温故而知新,不一定要不断学习生僻的知识,也可以
2017-05-12 11:34:20
303
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 关于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关注的人