前端
长门&有希
没有明天,只有今天。
展开
-
预编译、if里函数声明问题
预编译四部曲:预编译发生在函数执行的前一刻创建AO对象 Activation 0bject(执行期上下文)找形参和变量声明,将变量和形参名作为AO属性名,值为undefined将实参值和形参统一在函数体 里面找函数声明,值赋予函数体值的输出总结:在前面赋值第一、函数声明第二(表达式不算)、实参第三、其余未赋值则为undefined函数、实参、形参 当然赋值最高其实就是提升了变量、形参、函数的声明 同时赋值给形参、函数条件式函数声明问题if (1) { f原创 2020-09-02 01:50:28 · 505 阅读 · 3 评论 -
9.要点补充
中间部分居中问题.wrapper{height: 30px;background-color: #123;}.content{margin: 0 auto;height: 600px;width: 30px;background-color: #0f0;}图片留空格问题inline block inline-block 三种displayinline inline-block – 文本类元素凡是带有inline的元素都有文本的特性position:absolute;.原创 2020-07-18 21:33:58 · 122 阅读 · 0 评论 -
8.文字溢出、背景图片处理
/* 溢出容器,要打点展示1.单行文本2.多行文本由于电脑浏览器老版本问题,技术难以实现,手打故只做截断 *//* 单行溢出打点 //p{width: 300px;height: 200px;line-height: 20px;border: 1px solid black;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;/* 多行截断 */p {width: 300px;height:.原创 2020-07-18 21:29:49 · 146 阅读 · 0 评论 -
7.包裹浮动元素、实例
清除浮动.wrapper::after{content: ‘’;clear: both;display: block;}/* clear生效必须是块级元素 */position:absolute;float:left/right;在内部将元素转换为inline-block伪元素伪元素默认是inline行级元素span::before{position: absolute;left: 0;top: 100px;content:‘内容’;display: inline.原创 2020-07-18 21:24:16 · 128 阅读 · 0 评论 -
6.两栏布局、两个经典BUG、BFC
两栏布局首先定位过去然后自适应的让出去margin.right{ position: absolute; right: 0; width: 100px; height: 100px; background-color: #fcc;}.left{ margin-right: 100px; height: 100px; background-color: #123;} 两个BUG margin问题margin塌陷垂直方原创 2020-07-17 21:35:07 · 124 阅读 · 0 评论 -
5.盒子模型、层模型
borderborder: 1px solid black;border-left: 10px solid red;部分css属性补充 text-align: center; /* 对齐方式 */ height: 200px; line-height: 20px; /* 文本行高 单行文本所占高度*/ text-indent: 2em; /* 首行缩进 */ text-decoration: line-through; /*原创 2020-07-17 21:29:32 · 184 阅读 · 0 评论 -
4.复杂选择器、权重计算、css基础属性
CSS权重!importantInfinity行间样式1000id100class/属性/伪类10标签/伪元素1通配符0256进制选择器父子选择器/派生选择器div span{ background-color: antiquewhite;}直接子元素选择器div > em{ background-color: aquamarine;}并列选择器 使用并列时,标签选择器放前面d原创 2020-07-16 21:21:46 · 119 阅读 · 0 评论 -
3.基础选择器、权重
注重用户体验,培养用户懒习惯,减少用户操作细节方面 默认选择一些选项CSS权重!importantInfinity行间样式1000id100class/属性/伪类10标签/伪元素1通配符0当前主流浏览器及其内核:IE tridentFirefox GeckoGoogle chrome Webkit/blinkSafari WebkitOpera原创 2020-07-16 21:11:45 · 463 阅读 · 0 评论 -
高级标签
高级标签空格、回车:英文单词分割符一串英文字母浏览器认为是一个单词,不会换行。但汉字会换行1. html编码 空格< less than <≷ great than >2. 列表有序列表<ol type="A" start="222" reversed="reversed"></ol>type 1 A a I istart 从第几个位置开始(数字)revers原创 2020-07-15 21:31:21 · 362 阅读 · 0 评论 -
基础标签
基础标签1. 根标签<html lang="en"></html>这个元素包裹了整个完整的页面,是一个根元素。lang 指定内容和包含特定元素的文本内容的属性中使用的主要语言2. 头部标签<head></head>这个元素是一个容器,它包含了所有你想包含在HTML页面中但不想在HTML页面中显示的内容。头部元素```<meta charset="utf-8"> 设置文档使用utf-8字符集编码<原创 2020-07-15 21:26:48 · 430 阅读 · 0 评论 -
原生JS实现通用轮播图插件
原本是看网课写出来的,有一点问题,后来发现与网上的一篇博客代码很相似,参考了一部分改正了。参考博客地址:https://blog.csdn.net/weixin_41847321/article/details/90411258?tdsourcetag=s_pctim_aiomsghtml部分<!DOCTYPE html><html lang="en"><...转载 2020-04-09 03:59:23 · 289 阅读 · 0 评论 -
VUE学习
VUE学习第一步:vue引入 使用script标签引入 插值表达式 {{ 表达式 }} 另为规范必须前后括号有一个空格var vm = new Vue({el: ‘#app’,data: {a: 10}})vm.a=100;vm.el.innerHTML10//异步代码晚于同步代码,获取的为之前未改动时的值vm.el.innerHTML 10 //异步代码晚于同步代...原创 2019-12-31 16:06:00 · 104 阅读 · 0 评论 -
浏览器在线视频播放加速方法——直接修改网页代码实现加速
本文为转载 原文链接:https://blog.csdn.net/w...转载 2019-10-14 20:35:58 · 16483 阅读 · 0 评论 -
VSCode配置 Debugger for Chrome插件
Debugger for Chrome这个插件是直接在vscode里面进行调试js文件,跟谷歌的控制台...转载 2019-07-22 16:33:03 · 204 阅读 · 0 评论