摘要：
方法 在本文中，我想介绍一些组件相关的设计概念，在进行前端开发时应该考虑这些概念。我认为最好的方法是给每个概念一个简洁精炼的名字，然后逐一解释每个概念是什么以及为什么重要，对于比较抽象概念的会举一些例子来帮助理解。 以下这个列表并不是不全面也不完整，但我注意到的只有 8 件事情值得一提，对于那些已经 阅读全文
摘要：
在线上项目中,需要统计产品中用户行为和使用情况，从而可以从用户和产品的角度去了解用户群体，从而升级和迭代产品，使其更加贴近用户。用户行为数据可以通过前端数据监控的方式获得，除此之外，前端还需要实现性能监控和异常监控。性能监控包括首屏加载时间、白屏时间、http请求时间和http响应时间。异常监控包括 阅读全文
摘要：
一、前言 ”前后端分离“已经成为互联网项目开发的业界标杆，通过Tomcat+Ngnix(也可以中间有个Node.js)，有效地进行解耦。并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。 前后端分离(解 阅读全文
摘要：
一 小程序兴起的背景 小程序兴起的背景可以分为行业背景和技术背景。 1. 行业背景： 与移动互联网成熟、流量红利终结伴随的是 App 的巨型化、寡头化，流量成本越来越高昂，这几点其实大家平时也有体会——手机里装了多少 App，其中，多少 App 装了之后基本没使用过，占据用户大部分时间的 App 越 阅读全文
摘要：
先简单介绍下 link 标签作用 你可以在页面 <head> 元素内部使用 <link> 标签书写一些声明式的资源获取请求 preload (预加载) 有些资源是在页面加载完成后即刻需要的，对于这种即刻需要的资源，你可能希望在页面加载的生命周期的早期阶段就开始获取，在浏览器的主渲染机制介入前就进行预 阅读全文
摘要：
UI设计和Web前端都是当今比较火爆的互联网热门岗位，市场需求量很大，薪资待遇较高，自然引来越来越多人的学习。但是学习IT培训的学员们总是很犯难，对于女生而言：到底是学UI设计好，还是Web前端好？下面我们看一看专家是怎么说的。 UI设计根据这三方面来展开学习： 1平面设计 在达内UI设计培训第一阶 阅读全文
摘要：
1.禁止div点击 //css属性： pointer-events: none; //或者定义属性，在js中添加： $(".原类名").addClass("新类名"); //js： //禁用 $.fn.disable = function () { $(this).addClass("disable 阅读全文
摘要：
前端是一个很容易入门，但却很难走进去的一个行业。看似简单，但一旦深入，就“不可自拔”。说到，前端，肯定少不了要认识他的组成元素，那这就涉及到块级元素，行内元素以及一些空元素。 html标签 html标签定义： 是由一对尖括号包裹的单词构成,例如: <html>. 标签不区分大小写<html> 和 < 阅读全文
摘要：
css允许根据链接的当前状态对它们进行格式化。链接的状态包括访问者是否将鼠标停留在链接上，链接是否被访问过 ，等等。可以通过一系列伪类实现这一特性。 a:link 设置从未被激活或指向，当前也没有被激活或指向的链接的外观。 a:link {color: red;} 新的、未访问的链接显示为红色。 a 阅读全文
摘要：
为什么要初始化css样式 1.浏览器差异 不同浏览器对有些标签的默认值是不同的，如果没对css初始化会出现浏览器之间的页面显示差异 2.提高编码质量 如果不初始化，整个页面做完会很糟糕，重复的css样式很多 最简单的初始化方法是：（不建议） * {padding: 0; margin: 0;} 淘宝 阅读全文
摘要：
如何隐藏滚动条，同时仍然可以在任何元素上滚动？首先，如果需要隐藏滚动条并在内容溢出时显示滚动条，只需要设置overflow：auto样式即可。想要完全隐藏滚动条只需设置overflow：hidden即可，但是这样一来将导致元素内容不可滚动。时至今日，还没有任何一条css规则可以使元素可以隐藏滚动条的 阅读全文
摘要：
很多情况下，我们受到浏览器的安全策略限制。如何能规避此限制，并且能安全的使用跨域通讯，这就不得不介绍一下 postMessage 了。 一、关于 postMessage window.postMessage() 方法可以安全地实现跨源通信。 通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有 阅读全文
摘要：
随着互联网开展，互联网的体系越多越多，越来越杂乱，用户不能满意基本功用的需求，对互联网体会要求越来越高，客户端与服务器的交互不在是简略页面和页面的交互，而变为页面和页面+程序+数据的交互，其间完成与客户交互和体会的程序就是Web前端工程师完成的，这时Web前端工程师就诞生了，跟着用户对体会和交互要求 阅读全文
摘要：
熟练使用导航栏，对于网站排版非常重要,使用css，js，jq等你可以转换成好看的导航栏而不是枯燥的html菜单。 css实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Genarator" 阅读全文
摘要：
一 概念 什么是回流？ 回流也叫重排（reflow），当页面中的元素发生影响布局的变化，比如：改变宽高，修改显示影藏。页面需要重新布局，就会触发重排。 简单的说就是，页面布局改变，就会触发重排。 什么是重绘（repaint）？ 页面中的元素样式发生改变，比如：背景颜色，背景图片，字体颜色的样式改变。 阅读全文
摘要：
Pinbox 跨平台网络收藏工具 Pinbox 是一款可以使得用户的Chrome书签变得更加生动的谷歌浏览器插件，用户在Chrome中安装了Pinbox插件以后，只需要点击一下扩展按钮就会自动为你把当前的网页保存到Pinbox中。在保存网页的时候，同时把当前网页中的缩略图保存在收藏中，这样用户就可以 阅读全文
摘要：
() => {} 基本特点 es6中的箭头函数，在实际开发中确实比较方便，通常来说会有几个特点： 箭头函数中的this会绑定在外部作用域 没有arguments 如果想返回一个对象记得加()包裹 call和apply不能传入this (() => {a: 1})() //返回值为undefiend， 阅读全文
摘要：
前言 css水平和垂直居中是一个亘古不变的话题，它常常出现在优美的网页上以及各大前端面试当中。说来惭愧，在两年前面试的时候，我完全不知道如何做到水平和垂直均居中的方法，那场面别提有多尴尬了（ps：特想找个地洞钻进去）。。。时隔两年，对于这个问题算是有一些了解了，现做个小小的整理，也算是对自己学习的总 阅读全文
摘要：
1. 合理的title、description、keywords：搜索对这三项的权重逐个减小。 确定大概的关键词后就开始写tdk（title、description、keywords），tdk的写法避免堆砌关键词 title控制在30个字内，description一般控制在70-80，为了搜索结果的 阅读全文
摘要：
1、规则嵌套 Sass 允许将一套 css 样式嵌套进另一套样式中，内层的样式将它外层的选择器作为父选择器，例如： #main p { color: #00ff00; width: 97%; .redbox { background-color: #ff0000; color: #000000; } 阅读全文