这篇文章主要解答以下几个问题,供前端开发者的新手参考。 1、什么是Sass和Less? 2、为什么要使用CSS预处理器? 3、Sass和Less的比较 4、为什么选择使用Sass而不是Less? 什么是Sass和Less…
分类:html
动态加载javascript文件时,如何让文件顺序执行
之前在写js代码时,想通过代码动态向html中插入一定数量的js文件,文件的依赖关系已经按顺序排好,关键代码大致如下: var jsFiles = ['somepath/a.js','somepath/b.js',...…
vuex重置所有state(可定制)
在正式场景中我们经常遇到一个问题,就是登出页面或其他操作的时候,我们需要重置所有的vuex,让其变为初始状态,那么,就涉及到了多种方法:1、页面刷新: window.location.reload() 这个方法通过路由判…
中间自适应布局的5种解法
前言 在做页面时,我们往往会碰到页面布局相关的内容,面试时也经常会被问到,那么今天我就来总结一下关于页面布局的内容。 问题:如何实现三栏布局(高度固定,左中右的结构) 假设高度已知,请写出三栏…
FE.B-前端性能优化
http 缓存 http1.0: expires,last-modifiedhttp1.1 E-tag,cache-controlhtml no-cache css、js md5/timestmap/version +长…
表单密码自动填充hack
前言 写前端的,最讨厌的事有几个,其中一个就是用户/自己输入的密码被浏览器记住之后,每次打开页面都会自动填充。甚至不分青红皂白,每个页面只要有password类型的输入框,就会自动填充。尤其是chrome。 不仅烦人,有…
基于 less,sass,stylus三种预处理rem
一. less形式 //定义一个变量和一个mixin(全局) @fontSizeBase: 75;//基于视觉稿横屏尺寸/100得出的基准font-size .px2rem(@name, @px){ @{name}: @…
css选择器
做项目遇到了一个css的问题,想记录一下,然后开通了思否一、常用的 1、.classname2、#id3、*4、标签选择器 {div} 、 {span}等 ,选择了页面全部的div、span等二、进阶的1、{ div, …
AdminLTE
官网:http://adminlte.la998.com一个基于 bootstrap 的轻量级后台模板,基本是布局组件,样式为主
什么是可替换元素?
最近在群聊里偶然看到有位仁兄发了张今日头条前端面试题的截图,其中关于 HTML 的只有一题,如下: 请问什么是可替换元素和非可替换元素,它们的差异是什么?并举例说明。 前端面试中 HTML 的题目本来就最少,而且并不难,…
2018年8月所遇知识点整理
*注:本文章是在工作过程中所接触的知识点的整理,涉及的东西比价杂乱,如有错误之处,欢迎纠错与指导 一, 页面的锚链接 1,定义:锚点,锚点链接。常常用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能…
vue組件自学
Vue组件 什么是组件? 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情…