随笔分类 - html\css
摘要：从事该行业足够长的时间的人们经常会忘记这些指标对于新人来说听起来很荒诞，所以您必须原谅他们。 要学习网络分析并了解它如何使您受益，最好先了解周围常见的术语，这是一个好主意。 在本文中，我们将介绍基本的网络分析指标以及一些有关如何利用这些指标来推动洞察力的花絮。 1. Unique Visitors
阅读全文
posted @ 2021-07-27 15:00
浅笑·
摘要：一、Chrome浏览器双指触摸的模拟 结果是模拟不了。 页面整体缩放行为是可以通过按住Shift键+页面左键模拟的，但是，实际上，还是一个触摸点，因此无法模拟双指缩放行为。 除非是有触摸板，或者屏幕就是触摸屏。 否则，只能连手机进行调试了。 二、触摸屏与event.touches 在触屏设备下，要判
阅读全文
posted @ 2021-07-27 14:51
浅笑·
摘要：css设置边框可以用border简写属性，它可以在一个声明设置所有的边框属性，按照border-width、border-style、border-color顺序设置；也可以单独使用这几个属性来设置边框样式。 边框属性介绍： border属性： 一个简写属性，在一个声明中所有的边框属性。 可以设置的
阅读全文
posted @ 2021-07-27 14:50
浅笑·
摘要：如何动态修改css样式 一、使用obj.className来修改样式表的类名 function changeStyle1() { var obj = document.getElementById("btnB"); obj.style.backgroundColor= "black"; } 缺点：会
阅读全文
posted @ 2021-07-27 14:49
浅笑·
摘要：1、概念 什么是单页应用呢？单页应用的全称是 single-page application，简称 SPA，它是一种网站应用的模型，它可以动态重写当前的页面来与用户交互，而不需要重新加载整个页面。单页应用的流畅性让 Web 应用更像桌面端或 Native 应用了。相对于传统的 Web 应用，单页应用
阅读全文
posted @ 2021-07-27 14:48
浅笑·
摘要：在过去的几年中，web服务或API的普及和使用有所增加。 web服务或API是程序或软件组件的集合，可以帮助应用程序进行交互或通过形成其他应用程序或服务器之间的连接执行一些进程/事务处理。基本上有两种类型的web服务——基于互联网协议，REST和SOAP推动数据和信息的通讯。 由于这些web服务暴露
阅读全文
posted @ 2021-07-27 14:47
浅笑·
摘要：今天我们来谈谈Web和前端开发过程中需要学习什么？前端开发需要使用什么开发工具？也简单介绍前端开发前景和薪水。 前端工程师的主要职责： 前端工程师在不同的公司有不同的功能，但性质相似。 1、网站设计与网页界面开发 2、做网站界面开发 3、Web界面开发，前端数据绑定，前台逻辑 4、设计、开发、数据
阅读全文
posted @ 2021-07-27 14:46
浅笑·
摘要：1.背景与介绍： 平时开发的项目中可能会出现下面这些情况： 由于用户误操作，多次点击表单提交按钮。 由于网速等原因造成页面卡顿，用户重复刷新提交页面。 黑客或恶意用户使用postman等工具重复恶意提交表单（攻击网站）。 这些情况都会导致表单重复提交，造成数据重复，增加服务器负载，严重甚至会造成服务
阅读全文
posted @ 2021-07-27 14:44
浅笑·
摘要：在web前端开发过程中，UI设计师经常会设计一些带渐变文字的设计图，在以前我们只能用png的图片来代替文字，今天可以实现使用纯css实现渐变文字了。下面就介绍3中实现方式供大家参考！ 基础样式： .gradient-text{ text-align: left; text-indent:30px;
阅读全文
posted @ 2021-07-27 14:43
浅笑·
摘要：01、谨慎使用外边距属性 与其它的属性不同，垂直方向上的外边距相遇时将会发生折叠。这意味着如果一个元素的下边距遇到了另一个元素的上边距，那么二者中较大的一个将被留下。下面是一个简单的例子。 <div class="square red"></div> <div class="square blue"
阅读全文
posted @ 2021-07-27 14:41
浅笑·
摘要：一、<script> 标签特性 <script> 标签主要用于从服务器端加载一段JavaScript脚本并在当前页面中执行。因为其需要从服务器端中加载，所以会在一定程度上影响到web的性能。在性能优化中，<script>标签的优化至关重要。 ① <script>标签默认是同步加载的。当html页面在
阅读全文
posted @ 2021-07-12 20:40
浅笑·
摘要：拖放事件 拖放是由拖动与释放两部分组成，拖放事件也分为被拖动元素的相关事件，和容器的相关事件。 被拖动元素的相关事件如下所示： 事件描述 ondragstart 用户开始拖动元素时触发 ondrag 元素正在拖动时触发 ondragend 用户完成元素拖动后触发 容器相关事件如下所示： 事件描述 o
阅读全文
posted @ 2021-07-12 20:39
浅笑·
摘要：理解css-loader css-loader是我们在现代前端开发中必须掌握的一个东西，它给我们提供了css在前端开发中的一种工作模式，并且我们很多关于css的东西都基于此。 它功能主要是解释样式（css）中的import和url，并且把它们认作一个资源模块，用webpack的模块化方式requir
阅读全文
posted @ 2021-07-12 20:37
浅笑·
摘要：基础用法 在前端的领域中，标准的实现总是比社区的约定要慢的多，前端框架最喜欢的 $ 被 Sass 变量用掉了。而最常用的 @ 也被 Less 用掉了。官方为了让 CSS 变量也能够在 Sass 及 Less 中使用，无奈只能妥协的使用 --。 <style> /* 在 body 选择器中声明了两个变
阅读全文
posted @ 2021-07-12 20:36
浅笑·
摘要：1.XML介绍 XML 指可扩展标记语言（EXtensible Markup Language） XML 是一种标记语言，很类似 html XML 的设计宗旨是传输数据，而非显示数据 XML 标签没有被预定义。您需要自行定义标签。 XML 被设计为具有自我描述性。 XML 是 W3C 的推荐标准 2
阅读全文
posted @ 2021-07-12 20:35
浅笑·
摘要：技术至上？ 三年前我毕业进入第一家公司，个人很水的技术能力让我经常在实际的开发工作中捉襟见肘，于是就想着一定要尽快提升自己的技术水平，每天都在公司待到很晚，除了做需求就是自我学习，在这种情况下，我几乎所有能坐在电脑前的时间都用在了技术上，这就造成了一种后果，那就是我只关心技术方面的东西，其他的我一概
阅读全文
posted @ 2021-07-12 20:34
浅笑·
摘要：-webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果. auto: 使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。touch: 使用具有回弹效果的滚动,当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的
阅读全文
posted @ 2021-07-12 20:32
浅笑·
摘要：1. 使用文本压缩 使用文本压缩，可以最大程度地减少通过网络传输的字节数。有几种压缩算法。 gzip 是最受欢迎的，但 Brotli 是一种更新甚至更好的压缩算法。如果要检查服务器是否支持Brotli，则可以使用 Brotli.pro 工具。 如果你的服务器不支持Brotli，则可以按照以下简单指南
阅读全文
posted @ 2021-07-12 20:29
浅笑·
摘要：nginx可以使用变量简化配置与提高配置的灵活性，所有的变量值都可以通过这种方式引用： $变量名 而nginx中的变量分为两种，自定义变量与内置预定义变量 内置变量 声明 可以在sever,http,location等标签中使用set命令（非唯一）声明变量，语法如下 set $变量名 变量值 注意n
阅读全文
posted @ 2021-07-12 20:28
浅笑·
摘要：问：如何用 js 一次获取 html 表单的所有字段 ？ 考虑一个简单的 html 表单，用于将任务保存在待办事项列表中： <form> <label for="name">用户名</label> <input type="text" id="name" name="name" required>
阅读全文
posted @ 2021-07-12 20:26
浅笑·
浙公网安备 33010602011771号