随笔分类 - html/css
摘要：DOM布局 const label = { lettersort: false, paramname: "label", paramid: 0, title: "车源列表筛选项", option: [{ value: 1, text: "全部" }, { value: 2, text: "本地求购"
阅读全文
摘要：再日常项目中可能会用到一些特殊的样式，比如大写字母转小写、小写字母转大写、首字母大写等。 可以通过 css 的 text-transform 属性来实现： text-transform 转换不同的文本 属性值： none 带有小写字母和大写字母的标准的文本（默认属性）。 capitalize 首字母
阅读全文
摘要：了解浏览器背后的运行机制 了解浏览器背后的运行机制就是了解浏览器的内核，现在市面上主流浏览器的内核名称分别如下： chrome: blink内核 Opera: blink内核 Safari: webkit内核 FireFox: Gecko内核 IE: Trident内核 ** 注：blink内核其实
阅读全文
摘要：浏览器网页左上角小图标实现方式。 方式一： 在线生成ICO图标制作一个16*16 的.icon文件，文件名必须要favicon.ico，然后放在服务器根目录下面，一般浏览器会自动默认在跟目录下面查找。 广州vi设计公司 http://www.maiqicn.com 我的007办公资源网 https:
阅读全文
摘要：虽然一直在用前后端分离开发项目，却一直没仔细考虑过前后端开发的优缺点。 前后端分离已经成为互联网项目开发的业界标准使用方式，通过 nginx + Tomcat 的方式（也可以中间加一个 nodejs） 有效的进行解耦，并且前后端分离会为以后的大型分布式架构，弹性计算架构，微服务架构，多端化服务（多种
阅读全文
摘要：兼容IE的自定义input搜索框叉号样式(使用图片替换input原生叉号) 广州vi设计公司 http://www.maiqicn.com 我的007办公资源网 https://www.wode007.com 代码 input::-webkit-search-cancel-button { -web
阅读全文
摘要：编写基本的css和html是我们作为Web开发人员学习的首要事情之一。然而，我遇到的很多应用程序显然没有人花时间真正考虑前端开发的长久性和可维护性。 我认为这主要是因为许多开发人员对组织css / html和JavaScript的策略缺乏深刻的理解。 在我和我们团队的观念中，编写可维护的前端代码非常
阅读全文
摘要：css可以使用user-select属性来设置不可复制，此属性可以设置或检索是否允许用户选中文本，将此属性的属性值设置为none可以使文本不可选中。 通过user-select属性设置不可复制的css代码： -moz-user-select:none; /* Firefox私有属性 */ -webk
阅读全文
摘要：了解如何通过使用前端开发服务器中的代理配置来避免CORS。 在过去的十年中，单页应用程序已成为构建Web应用程序的标准技术。如今，诸如Angular，vue之类的框架以及诸如react之类的库主导着前端开发，为这些应用程序提供了基础平台。好消息是，它可以从一个域中为前台和后台API提供服务。但在某些
阅读全文
摘要：前天有个需求，上传前需要校验视频长度，然后让我出个 Demo。其实预览功能实现上都差不多，所以今天我们都来实现一下咯。 选择文件 一般来说上传常见的操作就三种，单击、拖拽、粘贴。下面我们分别来说一下。 input 选择文件 我们无法获取用户本地的内容，需要通过 <input> 标签，让用户自己选取。
阅读全文
摘要：css指的是层叠样式表（Cascading Style Sheets），它是一种用来表现html或XML等文件样式的计算机语言，是用来表示html样式的一种编程语言，是可以做到网页和内容进行分离的一种样式语言。 css主要用来设计网页的样式，美化网页；它不仅可以静态地修饰网页，还可以配合各种脚本语言
阅读全文
摘要：preload 是一个新的 Web 标准，旨在提高性能以及提供给 web 开发者更多的细粒度加载控制。它可以使开发者自定义加载逻辑而避免以 script 标签加载资源所带来的性能损耗。 preload 可以指明哪些资源在页面加载的生命周期的早期阶段就开始获取，在浏览器的主渲染机制介入前就进行预加载。
阅读全文
摘要：移动端有可滚动的弹窗肯定会遇到的问题，滑动弹层背景跟着滚动，如果弹窗里面的内容不需要滚动的可以直接粗暴的把滚动事件禁用掉，但是如果弹窗内容过多需要滚动那就不可以这样做。以下这个解决办法在线上使用没有问题，可以大胆拿去用。 vue的解决办法 isShowDialog是控制弹窗显示的，监听isShowD
阅读全文
摘要：背景图像可能是所有前端开发人员在我们的职业生涯中至少使用过几次的css属性之一。大多数人认为背景图片没有什么不寻常的，但是。。。。。。 1.如何将背景图像完美地适合视口 body { background-image: url('https://images.unsplash.com/photo-1
阅读全文
摘要：朋友，您是否正在寻找Web开发的最佳项目管理实践?根据PMI的一项数据表明：由于项目管控的不足，在美国每投资10亿美元，就会被浪费掉1.22亿美元(请参见--https://www.pmi.org/-/media/pmi/documents/public/pdf/learning/thought-l
阅读全文
摘要：background-repeat属性是用来设置背景图像如何平铺的。默认地，背景图像在水平和垂直方向上重复。 属性值： repeat：即默认方式，完全平铺背景； no-repeat：在X及Y轴方向均不平铺； repeat-x：横向平铺背景； repeat-y：纵向平铺背景。 提示：背景图像的位置是根
阅读全文
摘要：前端开发是一个相当复杂的方向，至少就大项目而言，你很难仅用浏览器和编辑器完成工作。这里列出了我在开发过程中用到的工具。我希望这个列表能帮助其他人发现一些可以用在工作流程中的好工具。 必备工具 这些是我日常使用的工具，缺了它们我很难高效工作。 VS Code —— 我选择的编辑器是微软出品的 VS C
阅读全文
摘要：我们通常在做图片上传的时候都会遇上这样的情况，一是后端接口限制上传图片的大小，或者是即使后端没有限制大小，因为图片太大在前端渲染时太慢，造成页面加载体验较差。因此我们很有必要对上传的图片进行压缩。 本文在gitthub做了收录：github.com/ 本文主要包括以下流程： 用户通过 input 框
阅读全文
摘要：从事该行业足够长的时间的人们经常会忘记这些指标对于新人来说听起来很荒诞，所以您必须原谅他们。 要学习网络分析并了解它如何使您受益，最好先了解周围常见的术语，这是一个好主意。 在本文中，我们将介绍基本的网络分析指标以及一些有关如何利用这些指标来推动洞察力的花絮。 1. Unique Visitors
阅读全文
摘要：一、Chrome浏览器双指触摸的模拟 结果是模拟不了。 页面整体缩放行为是可以通过按住Shift键+页面左键模拟的，但是，实际上，还是一个触摸点，因此无法模拟双指缩放行为。 除非是有触摸板，或者屏幕就是触摸屏。 否则，只能连手机进行调试了。 二、触摸屏与event.touches 在触屏设备下，要判
阅读全文
浙公网安备 33010602011771号