随笔分类 -  前端基础

HTML、CSS、JS、TS
html&css
摘要：基础 继承性 1、以color|font|text|line开头的属性才可以继承 2、a标签无法继承color 应用场景：文字颜色，字体，文字大小等共性信息 选择器 伪类（a:link ：正常链接, a:visited ，访问过的链接；a:hover 滑过的链接；a:active,正在点击的链接） 阅读全文
posted @ 2020-11-04 15:18 liliangrong777 阅读(80) 评论(0) 推荐(0)
宫格布局
摘要：1、设置宫格容器 2、设置display属性为grid 3、设置grid-template-rows多少行 4、设置grid-template-columns多少列 PS:先排满列再去填充行,单位有 1fr 100px auto-fill article{ width: 300px; height: 阅读全文
posted @ 2020-11-04 15:17 liliangrong777 阅读(354) 评论(0) 推荐(0)
html5&css3
摘要：HTML5 语义化标签 ie9需要将display改为block <header>头部</header> <nav>导航</nav> <aside>侧边栏</aside> <section>块级标签</section> <article> <section>内容标签下的块级标签</section> 阅读全文
posted @ 2020-11-04 15:15 liliangrong777 阅读(100) 评论(0) 推荐(0)
flex布局
摘要：补充 设置flex布局后float|claer|vertical-align属性将失效 父级对齐方式：justify-content|align-items flex属性会将剩余的空间分配出去 父级属性 排列方向 flex-direction:row;默认是从左往右排版flex-direction: 阅读全文
posted @ 2020-11-04 15:05 liliangrong777 阅读(106) 评论(0) 推荐(0)
fromData
摘要：FormData js中自带的构造函数对象 使用 客户端 const btn = document.getElementById('btn');const form = document.getElementById('form')btn.onclick = function () { const 阅读全文
posted @ 2020-11-04 15:01 liliangrong777 阅读(302) 评论(0) 推荐(0)
ajax
摘要：概念：局部刷新页面（不刷新页面更新数据） 本质：一个服务器与浏览器之间的代理 使用 get请求 //创建ajax对象 const xhr = new XMLHttpRequest() const params = "?name=llr&age=18" ////参数一：请求方式类型|参数二：请求同源地 阅读全文
posted @ 2020-11-04 14:42 liliangrong777 阅读(82) 评论(0) 推荐(0)
js实现继承的几种方式
摘要：对象冒充实现继承（call） 缺点：无法继承原型链上的方法 function User(name,age) { this.name = name; this.age = age this.run = function(){ alert(this.name+'在运动') }}function Menb 阅读全文
posted @ 2020-04-19 21:07 liliangrong777 阅读(153) 评论(0) 推荐(0)