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;}#
关于macbook安装nuxt无法启动解决办法 1.按照文档安装(安装 - NuxtJS | Nuxt.js 中文网)安装完运行npm run dev,无法顺利启动。2.终端报错如图:3.修改package.json文件添加配置:"config": { "nuxt": { "host": "0.0.0.0", "port": 3000 } }4.成功启动!...
关于H5真机调试 一、让手机和电脑处于同一网段如何让手机和电脑处于同一网段?1.如果你所处环境的wifi和电脑网络是同一局域网,当你手机连上wifi后自然很电脑处于同一网段了。2.电脑发射wifi,手机连接。笔记本电脑可以下载wifi软件,台式电脑只能买个wifi发射器了,所以我买了一个随身wifi。3.手机开热点,笔记本电脑连接。二、起一个本地服务器(自用live-server)三、移动端网页抓包调试工具https://www.mobiledebug.com/Mobile Debug官方网站(代
关于前端技术选型考虑维度 1.前端架构框架、UI框架、构建工具、CSS预处理;2.保证技术实施的高性能,强兼容性,并且不会再短时间内被时代所遗弃;3.根据github关注度排名前端框架 react facebook 虚拟dom,单项数据流 高效创建交互式组件 AngularJS google 双向数据绑定,指令 结构化 vue 尤雨溪 轻量级的an...
ES6 之 class 继承 // 通过 extends 关键字继承了 Point 类的所有属性和方法。但是由于没有部署任何代码,所以这两个类完全一样,等于复制了一个 Point 类class Point {}class ColorPoint extends Point {}// constructor 方法和 toString 方法之中,都出现了 super 关键字,它在这里表示父类的构造函数,用来新建父类的 ...
ES6的开发环境搭建 ** 建立工程目录: ** 先建立一个项目的工程目录,并在目录下边建立两个文件夹:src和distsrc:书写ES6代码的文件夹,写的js程序都放在这里。 dist:利用Babel编译成的ES5代码的文件夹,在HTML页面需要引入的时这里的js文件。** 编写index.html: **文件夹建立好后,我们新建一个index.html文件。<!DOCTYPE html>...
web前端开发面试问题总结 最近刚刚换了工作,在熟悉新代码的阶段就抽时间整理一下面试遇到的问题.不难,但很典型,有些问题不只是面试要去回答,更是真正开发遇到的小坑(不断总结中...)1. 关于手机端点击事件延迟移动端页面对于点击事件会有300毫秒的延迟,也就是js捕获click事件的回调函数处理,需要300ms后才生效.延迟原因,因为存在双击缩放的事件,当你点击以此之后,浏览器会等待一段时间以确定你是否是在做
居中大全【虐心整理】 (参考原文https://css-tricks.com/centering-css-complete-guide/?utm_source=caibaojian.com)平时做居中,拿过来就做,全靠运气。知道很多种可以居中的办法,每次应用也是哪个可以实现就用哪个,今天有时间整理一下居中问题,不要再瞎猫碰死耗子了,遇到什么情况直接找到对应的方法。高效直接找到不同情境下的居中实现方法不是更好么。
js判断iOS或安卓跳转相应平台【基础常用】 在移动wap上,最常见的就是引流用户下载安装自己的应用程序,如何通过js点击判断下载是ios还是安卓呢?其实很简单,就是要判断用户的设备是iOS还是Android,然后分别跳转就可以了
常用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;
关于json、jsonp 这篇文章很详细,真的很详细,http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html,等有不清楚的时候再来看
温故知新之VUE 最近重新看下vue,当初学的时候笔记记得乱七八糟,对于一个刚接触MVVM的人来说,网上的文档看的也是云里雾里,很多东西用起来也是生搬硬套,今天看到一篇文章写的特别透彻,对vue有了更深刻透彻的理解,对于新手可以快速掌握更好的理解(http://www.cnblogs.com/rik28/p/6024425.html)。我自己也做了一个小小的总结,俗话说温故而知新,不一定要不断学习生僻的知识,也可以
jQuery返回顶部【必备】 $(function(){点击ID为goTop的元素,回到顶部;$('#goTop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});点击ID为go的元素,回到ID为youwant的位置;$('#go').click(function(){$('html,body'