随笔分类 - html/css
摘要：前端是一个很容易入门，但却很难走进去的一个行业。看似简单，但一旦深入，就“不可自拔”。说到，前端，肯定少不了要认识他的组成元素，那这就涉及到块级元素，行内元素以及一些空元素。 html标签 html标签定义： 是由一对尖括号包裹的单词构成,例如: <html>. 标签不区分大小写<html> 和 <
阅读全文
posted @ 2020-11-25 12:28
笑人
摘要：css允许根据链接的当前状态对它们进行格式化。链接的状态包括访问者是否将鼠标停留在链接上，链接是否被访问过 ，等等。可以通过一系列伪类实现这一特性。 a:link 设置从未被激活或指向，当前也没有被激活或指向的链接的外观。 a:link {color: red;} 新的、未访问的链接显示为红色。 a
阅读全文
posted @ 2020-11-25 12:27
笑人
摘要：为什么要初始化css样式 1.浏览器差异 不同浏览器对有些标签的默认值是不同的，如果没对css初始化会出现浏览器之间的页面显示差异 2.提高编码质量 如果不初始化，整个页面做完会很糟糕，重复的css样式很多 最简单的初始化方法是：（不建议） * {padding: 0; margin: 0;} 淘宝
阅读全文
posted @ 2020-11-25 12:25
笑人
摘要：如何隐藏滚动条，同时仍然可以在任何元素上滚动？首先，如果需要隐藏滚动条并在内容溢出时显示滚动条，只需要设置overflow：auto样式即可。想要完全隐藏滚动条只需设置overflow：hidden即可，但是这样一来将导致元素内容不可滚动。时至今日，还没有任何一条css规则可以使元素可以隐藏滚动条的
阅读全文
posted @ 2020-11-25 12:23
笑人
摘要：很多情况下，我们受到浏览器的安全策略限制。如何能规避此限制，并且能安全的使用跨域通讯，这就不得不介绍一下 postMessage 了。 一、关于 postMessage window.postMessage() 方法可以安全地实现跨源通信。 通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有
阅读全文
posted @ 2020-11-25 12:22
笑人
摘要：随着互联网开展，互联网的体系越多越多，越来越杂乱，用户不能满意基本功用的需求，对互联网体会要求越来越高，客户端与服务器的交互不在是简略页面和页面的交互，而变为页面和页面+程序+数据的交互，其间完成与客户交互和体会的程序就是Web前端工程师完成的，这时Web前端工程师就诞生了，跟着用户对体会和交互要求
阅读全文
posted @ 2020-11-25 12:21
笑人
摘要：熟练使用导航栏，对于网站排版非常重要,使用css，js，jq等你可以转换成好看的导航栏而不是枯燥的html菜单。 css实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Genarator"
阅读全文
posted @ 2020-11-25 12:20
笑人
摘要：一 概念 什么是回流？ 回流也叫重排（reflow），当页面中的元素发生影响布局的变化，比如：改变宽高，修改显示影藏。页面需要重新布局，就会触发重排。 简单的说就是，页面布局改变，就会触发重排。 什么是重绘（repaint）？ 页面中的元素样式发生改变，比如：背景颜色，背景图片，字体颜色的样式改变。
阅读全文
posted @ 2020-11-25 12:19
笑人
摘要：Pinbox 跨平台网络收藏工具 Pinbox 是一款可以使得用户的Chrome书签变得更加生动的谷歌浏览器插件，用户在Chrome中安装了Pinbox插件以后，只需要点击一下扩展按钮就会自动为你把当前的网页保存到Pinbox中。在保存网页的时候，同时把当前网页中的缩略图保存在收藏中，这样用户就可以
阅读全文
posted @ 2020-11-25 12:18
笑人
摘要：() => {} 基本特点 es6中的箭头函数，在实际开发中确实比较方便，通常来说会有几个特点： 箭头函数中的this会绑定在外部作用域 没有arguments 如果想返回一个对象记得加()包裹 call和apply不能传入this (() => {a: 1})() //返回值为undefiend，
阅读全文
posted @ 2020-11-25 12:17
笑人
摘要：前言 css水平和垂直居中是一个亘古不变的话题，它常常出现在优美的网页上以及各大前端面试当中。说来惭愧，在两年前面试的时候，我完全不知道如何做到水平和垂直均居中的方法，那场面别提有多尴尬了（ps：特想找个地洞钻进去）。。。时隔两年，对于这个问题算是有一些了解了，现做个小小的整理，也算是对自己学习的总
阅读全文
posted @ 2020-11-25 12:16
笑人
摘要：1. 合理的title、description、keywords：搜索对这三项的权重逐个减小。 确定大概的关键词后就开始写tdk（title、description、keywords），tdk的写法避免堆砌关键词 title控制在30个字内，description一般控制在70-80，为了搜索结果的
阅读全文
posted @ 2020-11-25 12:14
笑人
摘要：1、规则嵌套 Sass 允许将一套 css 样式嵌套进另一套样式中，内层的样式将它外层的选择器作为父选择器，例如： #main p { color: #00ff00; width: 97%; .redbox { background-color: #ff0000; color: #000000; }
阅读全文
posted @ 2020-11-25 12:11
笑人
摘要：前面的话 在网页设计中，Sticky footers设计是最古老和最常见的效果之一，大多数人都曾经经历过。它可以概括如下：如果页面内容不够长的时候，页脚块粘贴在视窗底部；如果内容足够长时，页脚块会被内容向下推送。本文将详细介绍sticky footer的4种实现方式 绝对定位 常见的实现方法是对(.
阅读全文
posted @ 2020-11-20 13:58
笑人
摘要：在平时项目开发中，我们经常会对文件做一些上传操作，不仅仅要实现基本需求，也要兼顾用户体验，根据自己在工作中遇到的问题谈谈对图片上传的预览以及上传进度的优化。 1.搭建项目 基于vue.js+axios搭建的项目，新建一个Index.vue项目如下，基本结构可以先可以选择文件，预览文件。 <templ
阅读全文
posted @ 2020-11-20 13:56
笑人
摘要：在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性 ： 1. nodeName : 节点的名称 2. nodeValue ：节点的值 3. nodeType ：节点的类型 节点类型：元素 1 ，属性 2 ，文本 3 ，注释 8，文档 9。 一、添加和删除节点（html
阅读全文
posted @ 2020-11-20 13:55
笑人
摘要：.htaccess文件是运行Apache Web Server的Web服务器的配置文件，对配置和重定向Apache Web Server文件系统很有用。请记住.htaccess文件将采用隐藏格式。没有人可以通过URL直接看到它。 .htaccess文件有很多用途。在这里，我将讨论.htaccess文
阅读全文
posted @ 2020-11-20 13:53
笑人
摘要：一，常用的HTTP-EQUIV类型： Set-Cookie(cookie设定) 说明：如果网页过期，存盘的cookie将会被删除(必须是GMT的时间格式) <meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday
阅读全文
posted @ 2020-11-20 13:52
笑人
摘要：可以让页面中指定的元素按照设定的方式“动”起来，运用的是人视觉延迟的原理，连续地在上一张图消失之前插入下一张。 animation属性值 1.animation-name 对象的动画名称，以便后续设置动画属性时使用 默认为none，如果设置的话即为要设置动画的关键帧的名字 后续对该元素设置动画时，要
阅读全文
posted @ 2020-11-20 13:51
笑人
摘要：viewport <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 这个是移动端页面开发必备的标签，用来调整布局视口同视觉视口一致，禁止
阅读全文
posted @ 2020-11-20 13:47
笑人
浙公网安备 33010602011771号