桂森滨 - 博客园

2021年10月19日

摘要：

HTML行级元素和块级元素标签列表 ⭐ tips：块级元素占一行，不论内容多少只要是有2个这样的元素就会换行，行内元素内容少时不会换行。一、块元素(block)的特点： 1. 总是在新行上开始； 2. 高度，行高以及顶和底边距都可控制； 3. 宽度缺省是它的容器的100%，除非设定一个宽度。二、阅读全文

posted @ 2021-10-19 15:50 桂森滨阅读(355) 评论(0) 推荐(0) 编辑

css选择器

摘要：一、层次选择器例如： body p{ background: red; } // body下所有p标签 body>p{ background: pink; } // bod下第一层子级所有p标签 .active+p { background: green; } // 类active后边第一个p标签阅读全文

posted @ 2021-10-19 14:55 桂森滨阅读(52) 评论(0) 推荐(0) 编辑

2021年8月19日

JavaScript：json数组去重

摘要：实现思路 1. 定义一个新的数组，用于存放去重后的json数组 2. for循环对比每组object，如果不同就push进新数组源码展示 // 比较两组 json 是否相同 ifCompare(object1, object2) { var o1keys = Object.keys(object1 阅读全文

posted @ 2021-08-19 10:27 桂森滨阅读(330) 评论(0) 推荐(0) 编辑

2020年2月20日

前端面试题：Vue

摘要： 1.v-show和v-if的区别 v-show通过CSS的display控制显示和隐藏 v-if组件是真正的渲染和销毁，而不是显示和隐藏频繁切换显示状态用v-show，否则用v-if 2.为何在v-for中用key(不用会报错) 必须用key，且不能是index和random diff算法中通过t 阅读全文

posted @ 2020-02-20 23:22 桂森滨阅读(250) 评论(0) 推荐(0) 编辑

前端面试题：JS篇

摘要： 1.var let const区别 var是ES5语法，let const是ES6语法； var有变量提升(不会报错，只会打印出undefined) var和let是变量可以修改，count是常量不可以修改 let和count是块级作用域，var没有 2.typeof能判断哪些类型 undefine 阅读全文

posted @ 2020-02-20 15:24 桂森滨阅读(329) 评论(0) 推荐(0) 编辑

2019年3月1日

预编译语言：Less-Less基础

摘要： Less基础一、Less基础 http://www.bootcss.com/p/lesscss/ 历史 LESS由Alexis Sellier于2009年设计。LESS是一个开源。LESS的第一个版本是用Ruby编写的，在后来的版本中，它被JavaScript代替什么是LESS LESS是一个C 阅读全文

posted @ 2019-03-01 10:46 桂森滨阅读(508) 评论(0) 推荐(0) 编辑

行为层JavaScript+jQuery

摘要： JavaScript + jQuery【不完整】一、JavaScript 行为层 JavaScript简介 JavaScript历史： 1995年，网景公司凭借其Navigator浏览器成为Web时代开启时最著名的第一代互联网公司。由于网景公司希望能在静态HTML页面上添加一些动态效果，于是叫B 阅读全文

posted @ 2019-03-01 08:32 桂森滨阅读(301) 评论(0) 推荐(0) 编辑

结构层HTML + 表现层CSS

摘要：结构层HTML + 表现层CSS 一、HTML5 超文本标记语言什么是HTML5 用于取代1999年所定制的HTML4.01和XHTML1.0标准的html标准版本强化Web网页的表现性能，其次追加了本地数据库等Web应用的功能是包括HTML、CSS、JavaScript在内的一套技术组合特阅读全文

posted @ 2019-03-01 08:11 桂森滨阅读(1310) 评论(0) 推荐(0) 编辑

移动端：项目实战

摘要：项目实战一、flexible.js库 flexible是淘宝推出的弹性布局方案，可以解决移动端设备适配问题添加<meta>标签，并动态改写 <meta> 标签给 <html> 元素添加 data-dpr 属性，并且动态改写 data-dpr 的值给 <html> 元素添加 font-size 阅读全文

posted @ 2019-03-01 08:03 桂森滨阅读(400) 评论(0) 推荐(0) 编辑

移动端：开发技巧

摘要：开发技巧一、基本开发技巧 webkit内核中有一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用移动端H5开发所遇到的问题与细节,以及ios兼容 https://blog.csdn.net/dwb123456123456/article/details/8266356 阅读全文

posted @ 2019-03-01 07:59 桂森滨阅读(160) 评论(0) 推荐(0) 编辑