随笔分类 - html/css
1
摘要：到底什么是Web开发项目管理? 如今，随着各类Web开发项目变得越来越复杂，它们经常被要求包括可以在不同的平台上运行的跨平台应用程序。同时，这些应用程序也连接着各种数据源，以提取相关的信息，进而予以后期处理。 业界通常认为：大约有56%的项目可以通过适当的人才和出色的管理实践，以轻松地获得成功。因此
阅读全文
posted @ 2021-07-27 15:39
陌路y
摘要：1响应式开发原理 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 设备的划分情况： 小于768的为超小屏幕（手机） 768~992之间的为小屏设备（平板） 992~1200的中等屏幕（桌面显示器） 大于1200的宽屏设备（大桌面显示器） 1.
阅读全文
posted @ 2021-07-27 15:37
陌路y
摘要：开宗明义，无论是对于一篇文章、一场会议或一部专题片，还是对于一个网站来说，都是必不可少的。那么能为一个网站开宗明义的地方(标签)就是 Title(标题)和Description(描述、副标题)，而能够为Title和Description提供进一步诠释的就是网站的首页。 展示哪些信息 页面的重要性是建
阅读全文
posted @ 2021-07-27 15:21
陌路y
摘要：为什么写这个题目呢？ 因为之前写的一个 Node 程序有点小问题，使用的 axios 通过代理请求数据，代理服务器（阿布云）时不时抽风（407、413、503）。 因为第一次写的时候当做一个 DEMO 去实现的，写的挺简陋，只能说大体功能对，但是没有容错机制。 这里我们先算一笔帐啊，一次请求等于 1
阅读全文
posted @ 2021-07-27 15:20
陌路y
摘要：1.纯CSS Tooltip 许多网站还是在使用JavaScript来创建Tooltip效果，但实际上通过CSS能更简单的实现。最简单的方法是在你的html代码中添加一个带有提示文本的属性，比如。然后你就可以在你的CSS文件中添加以下的代码通过attr()函数来显示提示文字： .tooltip::a
阅读全文
posted @ 2021-07-27 15:19
陌路y
摘要：1px 边框问题的由来 苹果 iPhone4 首次提出了 Retina Display（视网膜屏幕）的概念，在 iPhone4 使用的视网膜屏幕中，把 2x2 个像素当 1 个物理像素使用，即使用 2x2 个像素显示原来 1 个物理像素显示的内容，从而让 UI 显示更精致清晰，这 2x2 个像素叫做
阅读全文
posted @ 2021-07-27 15:17
陌路y
摘要：预备知识 几种常见的模式： SSR: Server-Side Rendering - rendering a client-side or universal app to html on the server. CSR: Client-Side Rendering - rendering an a
阅读全文
posted @ 2021-07-27 15:16
陌路y
摘要：方法一 html { -webkit-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);} <!-- 可以是整个网站变成灰色的 --> 方法二 html { filter:p
阅读全文
posted @ 2021-07-27 15:14
陌路y
摘要：前言 XSS大部分前端coder都不会陌生，全称：跨站脚本漏洞（Cross Site Scripting，简写作XSS）是Web应用程序在将数据输出或者展示到网页的时候存在问题，导致攻击者可以将对网站的正常功能造成影响甚至窃取或篡改用户个人信息，其诱发的主要原因是没有针对用户输入来源的数据以及不可信
阅读全文
posted @ 2021-07-27 15:12
陌路y
摘要：在付出了许多头发的代价之后，终于完成了图片排列，并封装成组件，最终效果如下 一、设计思路 为了使结构清晰，我将图片列表处理成了二维数组，第一维为行，第二维为列 render() { const { className } = this.props; // imgs 为处理后的图片数据，二维数组 co
阅读全文
posted @ 2021-07-27 15:11
陌路y
摘要：创建画布 <canvas> 是一个双标签，我们可以通过标签中的 width 和 height 属性来定义画布的大小，这样就会在页面中创建一个隐藏的画布，如果要实际看到这个画布，可任意通过 style 属性为画布添加边框。 示例： 例如定义一个宽高都为 200px ，边框为 2px、实线、黑色的画布：
阅读全文
posted @ 2021-07-12 23:33
陌路y
摘要：通过查询各种资料，找到了一种解决方法（肯定还有其他方式……），就是：首先获取已经选择的选项下标，下标通常是从0开始，这里就不多赘述了，学过变成的小伙伴肯定都知道，获取下标后还没有完成，我们需要根据下标获取该下标对应选项中的value值，正如以下代码所示： <!DOCTYPE html><html>
阅读全文
posted @ 2021-07-12 23:31
陌路y
摘要：网站设计与架设基本面 在基本面中，将讨论网站架设目旳、目标以及受众等三个相互呼应的思考要点，并透过小黑的故事作为案例说明。 要点一：网站目的对于网站设计与架设而言，应该要厘清主要目的及次要目的，而要厘清目的，就需要先厘清网站在整个商业模式中的定位。一般来说，网站是企业在数位世界的名片，也是与目标受众
阅读全文
posted @ 2021-07-12 23:29
陌路y
摘要：一个元素的尺寸和位置经常受其包含块(containing block)的影响。大多数情况下，包含块就是这个元素最近的祖先块元素的内容区，但也不是总是这样。在本文中，我们来过一遍确定包含块的所有因素。 当一个客户端代理（比如说浏览器）展示一个文档的时候，对于每一个元素，它都产生了一个盒子。每一个盒子都
阅读全文
posted @ 2021-07-12 23:27
陌路y
摘要：最近因为写一个js函数，需要用到$(window).height(); 由于手写demo的时候，过于自信，其实对前端方面的认识也不够体系，用文本文件直接敲出来的html代码，第一行没有加上<!DOCTYPE html> 导致了$(window).height();的结果直接是整个document的高
阅读全文
posted @ 2021-07-12 23:26
陌路y
摘要：什么是Page Speed Page Speed是将内容完全加载到网页上所花费的时间。 对于任何给定的用户来说，页面缓慢的原因可能有很多，你的用户可能正在火车上，通过信号弱的隧道，或者他们的互联网速度很慢。 通过遵循最佳实践，我们至少可以通过确保我们已经做了最好的工作来缓解问题。 现在你知道它是什么
阅读全文
posted @ 2021-07-12 23:25
陌路y
摘要：一、UI实现 <div className={less.detection}> <input className={less.input} placeholder="请输入图片URL" onChange={(e) => this.inputOnChange(e)} /> <button type="
阅读全文
posted @ 2021-07-12 23:23
陌路y
摘要：一、SQL注入 所谓SQL注入，就是通过把SQL命令插入到Web表单提交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。具体来说，它是利用现有应用程序，将（恶意）的SQL命令注入到后台数据库引擎执行的能力，它可以通过在Web表单中输入（恶意）SQL语句得到一个存在安全漏洞的
阅读全文
posted @ 2021-07-12 23:21
陌路y
摘要：第一条：打字越少越好 如果我们键入的东西越少，那么就有越多的时间去思考代码逻辑等问题。如下所示，「Good」表示遵循该规则的示例，Bad 表示没遵循该规则的示例。 第二条：变量/函数混合命名风格 我们需要混合命名方法与变量，这样才能体现命名的多样性。 第三条：不要写注释 反正代码都看得懂，为什么要写
阅读全文
posted @ 2021-07-12 23:20
陌路y
摘要：对具有多个返回值的函数使用数组解构 假设我们有一个返回多个值的函数。一种可能的实现是使用数组解构，如下所示： const func = () => { const a = 1; const b = 2; const c = 3; const d = 4; return [a,b,c,d]; } co
阅读全文
posted @ 2021-07-12 23:18
陌路y
浙公网安备 33010602011771号