随笔分类 - HTML
摘要：首先使用vscode的搬砖猿，想要在vscode编辑器里面很方便的编译less文件，需要在扩展商店里面下载一款名叫Esay LESS的超好用扩展（我自己都不信），哈哈，其实还好。 安装完扩展之后，最好点击一下重载以启用，为了后面更好的使用这个扩展，其他的扩展也都是重载后使用更佳。。。 想要配置这些扩
阅读全文
posted @ 2020-07-17 16:45
前端一点红
摘要：块级元素：独占一行，对宽高的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；行内元素：可以多个标签存在一行，对宽高属性值不生效，完全靠内容撑开宽高！ 其中还有一种结合两种模式有点的显示模式： 行内块元素：结合的行内和块级的有点，不仅可以对宽高属性值生效，还可以多个标签存在一
阅读全文
posted @ 2020-07-17 16:42
前端一点红
摘要：在ios中为了让滑动更流畅，不那么生涩，我们需要使用-webkit-overflow-scrolling属性，如下： -webkit-overflow-scrolling : touch; 其工作原理是：在有这个属性的容器上，系统会创建了一个uiscrollview，应用于该元素并将之作为渲染对象，
阅读全文
posted @ 2020-07-17 16:38
前端一点红
摘要：概述 html几乎是平铺直叙的。css是一个伟大的进步，它清晰地区分了页面的结构和外观。JavaScript添加一些魅力。道理上讲是这样的。现实世界还是有点不一样。 在本教程中，您将了解在浏览器中看到的内容是如何实际呈现的，以及如何在必要时进行抓取。特别是，您将学习如何计算Disqus评论。我们的工
阅读全文
posted @ 2020-07-17 16:35
前端一点红
摘要：Web技术飞速发展的如今，我们在感受新技术带来的便捷和喜悦的同时，也时常在考虑着一个问题：老技术如何迁移。正如本文的主题一样，Flash技术在早年风靡在Web领域，曾经发挥着无尽力量的一个工具正逐渐失去了其重要性。由于性能，兼容性，版权问题，Flash的市场正在消退，曾经靠Flash实现的功能和特性
阅读全文
posted @ 2020-07-17 16:33
前端一点红
摘要：在ios端默认的长按选择，可以对文字进行复制粘贴。但是在实际开发中，针对一些按钮一般要避免长按时弹出选中文字，或者一些罩层要避免弹出。 这篇文章通过css3实现禁止ios端长按复制选中文字的方法。 css代码如下： *{ -webkit-touch-callout:none; /*系统默认菜单被禁用
阅读全文
posted @ 2020-07-17 00:16
前端一点红
摘要：html中的链接，正确的说法应该称作”锚点“，它命名锚点链接（也叫书签链接）常常用于那些内容庞大繁琐的网页， 通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作”精准链接”的便利工具，让链接对象接近焦点。 便于浏览者查看网页内容。 类似于我们阅读书籍时的目录页码或章回提示。在
阅读全文
posted @ 2020-07-16 23:30
前端一点红
摘要：自定义可拖动的进度条，如下图效果： 代码分三部分 html <body> <div id="demo"> <div class="progress"> <div class="progress-bar"> <div class="progress-thumb"></div> </div> </div
阅读全文
posted @ 2020-07-16 23:09
前端一点红
摘要：网站重构： 在不改变外部行为的前提下，简化结构、添加可读性，而在网站前端保持一致的行为。 也就是说是在不改变UI的情况下，对网站进行优化，在扩展的同时保持一致的UI。 对于传统的网站来说重构通常是： 表格(table)布局改为div+css 使网站前端兼容于现代浏览器(针对于不合规范的css、如对I
阅读全文
posted @ 2020-07-16 22:37
前端一点红
摘要：小小的字体其实有大大的学问，可能与字体相关的很多知识都偏设计，不过俗话说技多不压身，艺高人胆大，多了解了解总归没错。 字体的分类 就 Web 常用的一些字体而言，经常听说的字体类型，大致可以分为这几种： serif(衬线) sans-serif(无衬线) monospace(等宽) fantasy(
阅读全文
posted @ 2020-07-16 22:36
前端一点红
摘要：一. 字体属性：(font) 1. 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 2. 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 3. 行高
阅读全文
posted @ 2020-07-16 22:31
前端一点红
摘要：写css时发现，图片加起来刚好是900px的多张图片，不能在一个900px宽容器放下，因为图片之间有间隔，我猜是浏览器把两个img标签之间的空格当成了空白节点。 在网上整理了一些解决多个img标签存在间隙的方法。 1、多个img标签写在一行 <img src="/i/eg_tulip.jpg" he
阅读全文
posted @ 2020-07-16 22:29
前端一点红
摘要：在 PC 端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在 css 标准文档中，视口也被称为初始包含块，它是所有 css 百分比宽度推算的根源，给 css 布局限制了一个最大宽度。 而移动端则较为复杂，它涉及到三个视口：布局视口（Layout Viewport）、视觉视口（Vis
阅读全文
posted @ 2020-07-16 22:05
前端一点红
摘要：瀑布流的布局自我感觉还是很吸引人的，最近又看到实现瀑布流这个做法，在这里记录下，特别的，感觉flex布局实现瀑布流还是有点懵的样子，不过现在就可以明白它的原理了 1.multi-column多列布局实现瀑布流 先简单的讲下multi-column相关的部分属性 column-count设置列数 co
阅读全文
posted @ 2020-07-16 21:52
前端一点红
摘要：最近使用到了html和js的表格插件Handsontable， 例子代码如下 var hot=new Handsontable(table_div, { data: null,//表格数据 一般是二维数组[[]] colHeaders: true,//显示列头 rowHeaders: true,//
阅读全文
posted @ 2020-07-16 21:43
前端一点红
摘要：一般遮罩 background : #000； 在body标签的最后加上div标签作为遮罩，如下： <div class="mask"></div> 其css样式： .mask{ position:fixed; top : 0; left : 0; bottom : 0; right : 0; ba
阅读全文
posted @ 2020-07-16 21:41
前端一点红
摘要：package.json是什么？ npm安装package.json时 直接转到当前项目目录下用命令npm install 或npm install --save-dev安装即可，自动将package.json中的模块安装到node-modules文件夹下。 package.json就是管理你本地安
阅读全文
posted @ 2020-07-16 21:24
前端一点红
摘要：在项目的实际开发中，我们总会遇到前后端分离的项目，在这样的项目中，跨域是第一个要解决的问题，除此之外，保存用户信息也是很重要的，然而，在后台保存用户信息通常使用的session和cookie结合的方法，而在前端的实际情况中，跨域产生的ajax是无法携带cookie信息的，这样导致了session和c
阅读全文
posted @ 2020-07-16 21:22
前端一点红
摘要：前言 随着 Web 的发展，用户对于 Web 的实时推送要求也越来越高 ，比如，工业运行监控、Web 在线通讯、即时报价系统、在线游戏等，都需要将后台发生的变化主动地、实时地传送到浏览器端，而不需要用户手动地刷新页面。本文对过去和现在流行的 Web 实时推送技术进行了比较与总结。 本文完整的源代码请
阅读全文
posted @ 2020-07-16 18:51
前端一点红
摘要：我们都知道，撸页面的时候当我们的内容超出了我们的div，往往会出现滚动条，影响美观。 尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。 我们不希望出现滚动条，也不希望超出去的内容被放逐，就要保留鼠标滚动的效果。我们都知道overflow:hidden是可以隐藏滚动条的，但存在的问题
阅读全文
posted @ 2020-07-16 18:48
前端一点红
浙公网安备 33010602011771号