摘要: 1. 页面适配 这一点不能算是建议,应该说是解决方案。 最近查了好多关于移动端适配的资料,把人都看懵了,收获了以下名词 css像素、物理像素、逻辑像素、设备像素比、PPI、DPI、DPR、DIP、Viewport 说实话,我一点都不想了解这些名词到底有着什么样的解释,只想知道怎么让开发的页面能适配不 阅读全文
posted @ 2020-10-13 14:57 笑人 阅读(165) 评论(0) 推荐(0) 编辑
摘要: 网站的设计是吸引客户的非常重要的因素。如今,互联网上存在着很多竞争,每个人都可以点击其客户,但是只有少数人能吸引他们。这通常是由于网站给人的第一印象。 如今,最常见的方法是访问Internet查找产品或服务,搜索引擎在每次搜索中显示成千上万的结果,这就是第一印象发挥作用的地方。几秒钟内,客户可以选择 阅读全文
posted @ 2020-10-13 14:56 笑人 阅读(491) 评论(0) 推荐(0) 编辑
摘要: 概念 Sass由hampton catlin设计,natalie weizenbaum于2006年开发,它可以免费下载和使用。 Sass是一个将脚本解析成css的脚本语言(SassScript),也是一款css预处理器,它减少了CSS的重复,也因此节省了时间。 Sass 是对CSS3(层叠样式表)的 阅读全文
posted @ 2020-10-13 14:55 笑人 阅读(465) 评论(0) 推荐(0) 编辑
摘要: 那一年,我所在公司的用户量达到了公司成立以来的新高峰,经过多个程序员日日夜夜加班,每个业务系统达到了几乎四个 9 的稳定性,同时业务在业界也有了一定的知名度。 PS:以下业务场景只针对于 Web 系统,而且 Web 页面有后台服务程序的场景。 那一天突然有一个合作商登门拜访,提出合作共赢的意向。业务 阅读全文
posted @ 2020-10-13 14:54 笑人 阅读(99) 评论(0) 推荐(0) 编辑
摘要: Sass 使 css代码保持DRY(也就是不要重复),编写代码的一种方式是将相关的代码保存在单独的文件中,我们可以创建带有css片段的小文件,以包含在其他Sass文件中,比如:重置文件、变量、颜色、字体或者是字体大小等等。 导入文件 与CSS一样,Sass也支持 @import 指令,它允许我们将一 阅读全文
posted @ 2020-10-13 14:53 笑人 阅读(523) 评论(0) 推荐(0) 编辑
摘要: 介绍 Dojo 是基于 html 的技术,使用 css 为框架中的元素和用它开发的应用程序设置样式。 Dojo 鼓励将结构样式封装在各部件中,以便最大限度复用;同时将外观主题设置到应用程序所有部件上。用户为他们的应用程序设置样式和主题时,这种模式提供了固定的套路,即使混合使用 Dojo 的 @doj 阅读全文
posted @ 2020-10-13 14:49 笑人 阅读(184) 评论(0) 推荐(0) 编辑
摘要: 前端页面的成功呈现,不仅要求在理想情况下没问题,当一些后台接口访问异常、静态文件获取失败时,仍然需要尽可能提供降级方案或给用户良好的反馈,不至于整个页面的奔溃。今天我将分享一些提高页面健壮性的技巧。 异常处理 主要指数据类型。这种情况最常出现在读取后台数据的时候,尤其是需要取数组、对象等引用类型时, 阅读全文
posted @ 2020-10-13 14:47 笑人 阅读(237) 评论(0) 推荐(0) 编辑
摘要: Web应用安全测试可对Web应用程序执行功能测试,找到尽可能多的安全问题,大大降低黑客入侵几率。 在研究并推荐一些优秀的开源Web应用安全测试工具之前,让我们首先了解一下安全测试的定义、功用和价值。 安全测试的定义 安全测试可以提高信息系统中的数据安全性,防止未经批准的用户访问。在Web应用安全范畴 阅读全文
posted @ 2020-10-13 14:46 笑人 阅读(2179) 评论(0) 推荐(1) 编辑
摘要: 本文针对 SwissDev Jobs 网站的优化实践,介绍我们是如何把网站加载时间减少24% 的。上周,我们有机会对 SwissDev Jobs 网站性能进行了微调。 之所以要提升 SwissDevJobs.ch 网站性能,主要是有两方面原因: 良好的用户体验——即加载时间更短(且互动性更好)和使用 阅读全文
posted @ 2020-10-13 14:45 笑人 阅读(82) 评论(0) 推荐(0) 编辑
摘要: css 书写位置 行内样式,style标签link标签 行内样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css书写位置</title> </head> <body> <p style="color: 阅读全文
posted @ 2020-10-13 14:43 笑人 阅读(216) 评论(0) 推荐(0) 编辑
摘要: 概述 浏览器的缓存机制也就是我们说的 HTTP 缓存机制,其机制是根据 HTTP 报文的缓存标示进行的。所以在分析浏览器缓存之前,我们先使用图文简单介绍一下 HTTP 报文,HTTP 报文分为两种: HTTP 请求(Request)报文。报文格式为: 请求行。 HTTP 头(通用信息头,请求头,实体 阅读全文
posted @ 2020-10-13 14:40 笑人 阅读(370) 评论(0) 推荐(0) 编辑
摘要: 简单理解: repaint主要是针对某一个DOM元素进行的重绘,reflow则是回流,针对整个页面的重排。字面意思来说:repaint就是重绘,reflow就是回流。repaint和reflow的目的是:展示一个新的页面样貌。 性能消耗: 在性能优先的前提下,性能消耗 reflow大于repaint 阅读全文
posted @ 2020-10-13 14:38 笑人 阅读(295) 评论(0) 推荐(0) 编辑
摘要: 1. css Reset为什么存在? 只要您的客户存在使用不同浏览器(ie,firefox,chrome等)的可能,那你就不得不从完美的理想状态回到现实,因为不同核心的浏览器对css的解析效果呈现各异,导致您所期望的效果跟浏览器的“理解”效果有偏差,今天提到的css reset就是用来重置(复位)元 阅读全文
posted @ 2020-10-13 14:37 笑人 阅读(343) 评论(0) 推荐(0) 编辑
摘要: 互联网的诞生彻底改变了世界。以前习惯于在电视和报纸广告上一掷千金的企业开始渐渐意识到互联网带来的变化。他们不得不改变他们的投资方向,把他们的钱投向更有潜力,更能为客户带来利润的地方。于是,如果企业想要能有立足之地能够存活能够享誉世界的话,那么拥有网上身份成为了一种强制手段。现在的企业往往会通过网站高 阅读全文
posted @ 2020-10-13 14:36 笑人 阅读(79) 评论(0) 推荐(0) 编辑
摘要: 虽然说现在服务器的硬件比之前是便宜了很多了,也有VPS和云服务器可以选择。但是对新手来说,如何选择适合自己的服务器也是一个很让人头疼的问题。 虚拟主机,VPS,还是独立服务器? 对新手来说,可能一开始到是不会考虑到独立服务器。但还是想拉到一起讨论一下。 如果是个人博客,又没什么计划说这个博客会做商业 阅读全文
posted @ 2020-10-13 14:35 笑人 阅读(583) 评论(0) 推荐(0) 编辑
摘要: 封装成mixin复用 在写css的时候, 很多样式都是很常用但是写起来很麻烦, 虽然现在有很多成熟的ui框架, 但是我们也不能一个简单的活动页也引入那么大个框架吧? 在工作中我也攒下了不少常用css, 我把他们封装成了mixin, 挑选了5个分享给大家, 希望大家喜欢. 做一名合格的"CV"工程师, 阅读全文
posted @ 2020-10-13 14:34 笑人 阅读(609) 评论(0) 推荐(0) 编辑
摘要: css 句法( css Syntax ) 语法是语言表达的规则。各种语言都有不同的语法,包括人类语言和计算机语言等。 语法有时候也指句法( syntax ),指的是句子由词汇构成的规律。也可以将它看作组成句子的规则。它包含两个方面的涵义: 词汇:即,可以构成句子的有效用词。例如,英语中的单词,Jav 阅读全文
posted @ 2020-10-13 14:32 笑人 阅读(311) 评论(0) 推荐(0) 编辑
摘要: 前端安全的范围 将Web安全问题按照发生的区域来分类,发生在浏览器、Web页面中的安全问题就是前端安全问题。 同源策略 同源:URL由协议、域名、端口和路径组成,如果两个URL的协议、域名和端口相同,则表示他们同源。 URL是否同源原因 http://test.test.com/dir2/other 阅读全文
posted @ 2020-10-13 14:31 笑人 阅读(457) 评论(0) 推荐(0) 编辑
摘要: 本来早就想写这篇文章的,由于有其他事情耽搁了(可能还是因为太懒),就拖到了现在,如果再不记下来,估计会抛到九霄云外了。 Nodejs的出现,让前端工程化的理念不断深入,正在向正规军靠近。先是带来了Gulp、webpack等强大的构建工具,随后又出现了vue-cli和create-react-app等 阅读全文
posted @ 2020-10-13 14:28 笑人 阅读(408) 评论(0) 推荐(0) 编辑
摘要: 由于各大浏览器存在兼容性问题,同一个css属性在不同浏览器下的表现不一定相同,有经验的前端设计者都会自定义一个重置浏览器样式的css文件,在这个文件中定义一些针对不同的浏览器最终表现出一致的代码,大家最熟悉的也许就是* {margin:0 0}了,其实这是最简单的兼容性的代码,一般情况下,仅有这个是 阅读全文
posted @ 2020-10-13 14:25 笑人 阅读(821) 评论(0) 推荐(0) 编辑