随笔分类 - HTML
摘要：Web开发是比较费神的，需要掌握很多很多的东西，特别是从事前端开发的朋友，需要通十行才行。今天，本文向初学者介绍一些Web开发中的基本概念和用到的技术，从A到Z总共26项，每项对应一个概念或者技术。 A — AJAX AJAX 全称为“Asynchronous JavaScript and XML”
阅读全文
posted @ 2020-06-07 17:17
前端一点红
摘要：目前在移动端安卓手机上使用line-height属性，让它的值等于height，结果发现是不居中的。出现了一定位置的偏移情况，如果略微只有两三个像素差距是看不出来的。 左图中的字号是12px，右图中的行高是26px。仔细观察过上图后，闲话少扯，直接说说我对这个android上line-height问
阅读全文
posted @ 2020-06-07 16:57
前端一点红
摘要：JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。 易于人阅读和编写，同时也易于机器解析和生成。
阅读全文
posted @ 2020-06-07 16:21
前端一点红
摘要：前言： Web前端开发是Web技术发展中的一个重要组成部分，在传统的前端开发中由于外界因素的影响导致其开发形式呈现出简单化的特点，即以页面为主体来展示界面中的信息。然而随着科学技术的不断进步，Web前端开发形式上变得更为复杂，但是其功能方面也逐渐实现了与用户间的相互交流。以下就是对Web前端MVC框
阅读全文
posted @ 2020-06-07 16:16
前端一点红
摘要：我听说很多开发者厌恶 CSS。而在我的经验中，这往往是由于他们并没有花时间来学习 CSS。 CSS 算不上是最优美的『语言』，但迄今二十多年来，它都是美化 web 举足轻重的工具。从这点来说，也还算不错吧？ 尽管如此，CSS 写得越多，你越容易发现一个巨大的弊端。 因为维护 CSS 真是老大难。 特
阅读全文
posted @ 2020-06-07 16:13
前端一点红
摘要：在网页中，如果需要使用辅助性/装饰性的内容的时候，我们不应该直接写在HTML中，这样会影响真正的内容，这就需要使用伪元素了，这是由于css的纯粹语义化是没有意义的。在使用伪元素的时候，会发现js并不真能直接控制它，这篇文章主要就介绍下如果间接的控制、修改css中伪元素的方法。 例如，我的样式表有以下
阅读全文
posted @ 2020-06-07 16:09
前端一点红
摘要：摘要 在各种BS架构的应用程序中，往往都希望服务端能够主动地向客户端推送各种消息，以达到类似于邮件、消息、待办事项等通知。 往BS架构本身存在的问题就是，服务器一直采用的是一问一答的机制。这就意味着如果客户端不主动地向服务器发送消息，服务器就无法得知如何给客户端推送消息。 随着HTML、浏览器等各项
阅读全文
posted @ 2020-06-07 16:06
前端一点红
摘要：在css中使用伪类虽然实现了样式的改变，但由于没有过渡效果会显得很生硬。以前如果要实现过渡，就需要借助第三方的js框架来实现。现在只需要使用CSS3的过渡（transition）功能，就可以从一组样式平滑的切换到另一组样式。 （1）背景色过渡变化 下面鼠标移入后，按钮背景色会慢慢地变成黄色。鼠标离开
阅读全文
posted @ 2020-06-07 15:59
前端一点红
摘要：在html中给table加一个斜线的表头有时是很有必要的，但是到底该怎么实现这种效果呢？总结了以下几种方法： 1、UI背景图实现 直接去找公司的UI，让她做一张图片，作为背景图片放到这里，然后撑满就可以了。是不是很简单！！！ 2、 css3中transform属性 其实了解css3的朋友，一看到这个
阅读全文
posted @ 2020-06-07 15:54
前端一点红
摘要：在js中，光标是一个对象，当你选中某个元素的时候才会出现光标对象。比如：我们点击一个输入框，实际会产生一个选中对象-selection，这个对象我们可以通过indow.getSelection()来获取；selection只存在1个，所以当你切换到其他输入框额时候，selection同样会跟着变化的
阅读全文
posted @ 2020-06-06 17:34
前端一点红
摘要：为一个网站选择类型尺寸是项艰巨的任务. 标题和段落的尺寸在网页布局和可读性方面处理起来很棘手. 谢天谢地, 我们有模块化缩放可以引导我们. 模块化缩放是一个数字序列以某种方式关联另一个序列. Tim Brown,更多版面 在版面中应用的模块化比例实现了视觉层次效果与和谐的比例。它们提供了一组数值作为
阅读全文
posted @ 2020-06-06 17:12
前端一点红
摘要：obert C. Martin写的《Clean Code》是我读过的最好的编程书籍之一，若没有读过，推荐你将它加入书单。 注释就意味着代码无法自说明 —— Robert C. Martin Martin在文中详细讨论了代码注释，我不会完全重复他的话。简而言之，他的意思就是，这些注释是注定会过时的。程
阅读全文
posted @ 2020-06-06 17:03
前端一点红
摘要：在div中使用contenteditable=”true”可以达到模拟输入框的效果，但是当我们复制其他网页内容进去的时候，会发现连带的样式也一起复制进去了。很明显我们不需要复制富文本样式，那么如何过滤这些标签呢？ 查阅资料，发现如果只保证支持HTML5的webkit内核浏览器，目前有一些方法如下
阅读全文
posted @ 2020-06-06 16:47
前端一点红
摘要：前端工程化 前端工程化的概念在近些年来逐渐成为主流构建大型web应用不可或缺的一部分，在此我通过以下这三方面总结一下自己的理解。 为什么需要前端工程化。 前端工程化的演化。 怎么实现前端工程化。 为什么需要工程化 随着近些年来前端技术的不断发展，越来越多复杂的业务放在了前端，前端不再是以前几个HTM
阅读全文
posted @ 2020-06-06 16:42
前端一点红
摘要：作为普通的网民来说，一般不需要知道也不用关心什么是盗链，不过如果你是网站的开发者或维护者，就不得不重视盗链的问题了。如果你刚刚开发完一个没有防盗链的带有文件下载功能的网站，挂上internet，然后上传几个时下非常热门的软件或电影并在网站内公布下载地址，让MSN上的所有好友都来体验一下你的杰作。 不
阅读全文
posted @ 2020-06-06 16:31
前端一点红
摘要：在移动端（ios和android）播放视频的时候，我们即使定义了autoplay属性，仍然不能自动播放。这是由于手机浏览器为了防止浪费用户的网络流量，在默认情况下是不允许媒体文件自动播放的，除非用户自己对浏览器进行设置才能支持autoplay。但是在我们可以通过相关事件来实现： 经发现微信通过"We
阅读全文
posted @ 2020-06-06 16:29
前端一点红
摘要：css样式中有很多简写方式，比如：设置背景，字体，边框，盒子等。我们都可以把css代码合并为一行，这篇文章将总结有哪些属性支持css简写。 1、背景background属性 background-color:#F00; background-image:url(header_bg.gif); bac
阅读全文
posted @ 2020-06-06 16:27
前端一点红
摘要：不到一个月前，HTML 5.2 正式成为 W3C 的推荐标准（REC）,其中，推出了一个新的原生模态对话框元素 <dialog>，乍一看，可能感觉它就是一个新增的元素，然而，作者最近在玩的时候，发现它确实是一个值得期待和很有意思的元素，在这里分享给大家 这是 <diglog> 最基础的示例 <dia
阅读全文
posted @ 2020-06-06 16:24
前端一点红
摘要：css的加载是不会阻塞DOM的解析,但是会阻塞DOM的渲染，会阻塞link后面js语句的执行。这是由于浏览器为了防止html页面的重复渲染而降低性能，所以浏览器只会在加载的时候去解析dom树，然后等在css加载完成之后才进行dom的渲染以及执行后面的js语句。这就是造成在css下载完成之前，页面刚开
阅读全文
posted @ 2020-06-06 16:21
前端一点红
摘要：DeviceMotionEven是html5提供的一个用来获取设备物理方向及运动的信息(比如陀螺仪、罗盘及加速计)的Dom事件，事件描述如下： deviceorientation：提供设备的物理方向信息，表示为一系列本地坐标系的旋角。devicemotion：提供设备的加速信息，表示为定义在设备上的
阅读全文
posted @ 2020-06-06 16:17
前端一点红
浙公网安备 33010602011771号