共享博客 - 简单搜索

opacity和rgba有什么区别？

2024年04月05日 opacity 和 rgba 的区别：给元素设置 opacity 属性，容器中所有的文字和图片都会跟随透明；给元素设置 rgba ，只是背景具有一定的透明度，不回影响到容器中的文本和图片。 .div { background: rgba (0,0,0,.5);} 表示给div盒子设置了黑色背景，透明度为0.5

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

2024年04月05日 1. 屏幕尺寸屏幕尺寸是指屏幕对角线的长度，单位为英寸，1英寸=2.54厘米2. 屏幕分辨率屏幕分辨率是指横纵方向上的像素点数，单位为px，1px=1个像素点常见移动端设备屏幕分辨率 iphone5/iphone5s 1136*640 iphone6/iphone6s/iphone7 1334*750 iphone6plus/iphone7plus 1920*1080 iphone8 1334*750 iphone8plu

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

图像边框 border-image的语法属性介绍以及使用

2024年04月05日 1. 图像边框路径border-image-source: url(图片路径);2. 图片边框裁剪位置border-image-slice: 数值; 注: 只写数值不加单位专指像素border-image-slice: 27 fill; 默认情况下中间部分不显示，如果需要显示添加 fill 属性3. 图像边框平铺属性border-image-repeat: stretch | repeat | round; stretch: 默认值，拉伸 repeat

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

angular中ng一if和ng-show/hide 有什么区别？

2024年04月04日 1．ng一if 在后面表达式为 true 的时候才创建这个 dom 节点，ng一show 是初始时就创建了，用 display:block 和 display:none 来控制显示和不显示。2．ng一if 会（隐式地）产生新作用域，ng一switch .ng一include 等会动态创建一块界面的也是如此。看法： ng一if添加删除节点，那么肯定回创建作用域，而ng一show/hide则不会

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

Js面向对象有哪些方式？

2024年04月04日 1.对象的字面量 var obj = {} 2.创建实例对象 var obj = new Object(); 3.构造函数模式 function fn(){} , new fn(); 4.工厂模式：用一个函数，通过传递参数返回对象。 function fn(params){var obj =new Object(); obj.params = params; return obj;},fn(params); 5.原型模式：funct

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

vuex面试相关 vuex是什么怎么用属性等

2024年04月04日 1.vuex是什么？怎么使用？哪种功能场景使用它？ vue框架中状态管理。在main.js引入store，注入。新建一个目录store，….. export 。场景有：单页应用中，组件之间的状态。音乐播放、登录状态、加入购物车2.vuex有哪几种属性？有五种，分别是 State、 Getter、Mutation 、Action、 Module vuex的State特性 (1). Vuex就是一个仓库，仓库里面放了很多对象。其中state就是数

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

react与vue有什么区别？

2024年04月04日相似之处他们都是JavaScript的UI框架；不同于早期的JavaScript框架“功能齐全”，Reat与Vue只有框架的骨架，其他的功能如路由、状态管理等是框架分离的组件； Vue.js(2.0版本)与React的其中最大一个相似之处，就是他们都使用了一种叫’Virtual DOM’的东西；都鼓励组件化；看到React和Vue都有’props’的概念，这是properties的简写。props在组件中是一个特殊的属性，允许父组件往子组

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

vue与angular有什么区别？

2024年04月04日一、vue 与 angular1 比较 Vue 的一些语法和 Angular 的很相似（例如 v-if vs ng-if）。因为 Angular 是 Vue 早期开发的灵感来源。然而，Angular 中存在的许多问题，在 Vue 中已经得到解决。性能上，Angular 2 和Vue 用相似的设计解决了一些 Angular 1 中存在的问题。二、vue 与 angular2 比较 1、Angular 事实上必须用 TypeScript （TypeScript是一种由

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

双向数据绑定和单向数据有什么区别？

2024年04月04日 1. 单向数据流中，父组件给子组件传递数据，但反过来不可以传递，也就是说单向数据流是从最外层节点传递到子节点，他们只需从最外层节点获取props渲染即可，如果顶层组件的某个prop改变了，React会递归的向下便利整棵组件树，重新渲染所有使用这个属性的组件， React组件内部还具有自己的状态，这些状态只能在组件内修改；双向数据绑定是数据与视图双向绑定，数据发生改变时，视图也改变，视图发生改变时，数据也会发生改变。 2. 双向数据绑定的各种数据相互依赖相互绑定，导致

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

什么是高度塌陷?页面布局中高度塌陷如何解决？

2024年04月04日什么是高度塌陷？父元素高度自适应，子元素 float 后，造成父元素高度为0，称为高度塌陷问题。如何来解决高度塌陷？方案一：给父元素一个固定的高度缺点：给父元素固定高度违背了高度自适应的原则，不够灵活，不推荐使用。方案二：给父元素添加属性 overflow: hidden; 优点：浏览器支持好，简单；缺点：当子元素有定位属性时，设置 overflow: hidden; 容器以外的部分会被裁剪掉。方案三：在子元素的末尾添加一个空的 div ，并设置

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

布局中各类常见的兼容性问题

2024年04月04日 1.双倍浮动Bug 描述：块元素设置 float 后，又设置了横向的margin，在IE6下显示的margin值比设置的值要大；解决方案：给设置 float 的元素添加 display: inline;2.表单行高不一致解决方案： ①：给表单元素添加 float 属性； ②：给表单元素添加 vertical-align: middle;3.在IE6下不能识别较小高度的容器（一般小于10px）解决方案： ①

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

锚点链接、滚动字幕、与如何在网页中插入flash 使用方法

2024年04月04日锚点链接作用：实现在本页面不同位置的跳转。语法：第一步：命名锚记<标记 id="锚记名称"></标记> 第二步：链接锚记<a href="#锚记名称"></a> eg:<a href="#pengzai">点击</a> <h1 id="pengzai">

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

表单高级 - 表单组成、表单域、表单控件、提示信息、表单字段/标题、上传文件、隐藏字段、图像域

2024年04月04日表单高级表单的组成：表单域、表单控件、提示信息1.表单域<form method="get | post" action="服务器地址"></form>2.表单控件 ① 文本框<input type="text"/> ② 密码框<input type="password" placeholder="请输入密码"/&g

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

html5新增的结构性标签介绍

2024年04月04日 1.定义网页的头部<header></header>2.定义网页的导航<nav></nav>3.定义网页的某个区域或版块<section></section>4.定义网页的一篇文章<article></article>5.定义网页的底部<footer></footer>6.将网页中的标题进行组合<hgroup></hgroup>7.将

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

html5新增的其他标签介绍

2024年04月03日 1.定义带有记号的文本语法：<mark>带有记号的文本内容</mark>2.定义标量测量，尺度语法：<meter value="1" min="0" max="100"></meter>3.定义标示任务的进度或进程语法：<progress value="10" min="0" max="10

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS