Lance2574-CSDN博客

原创 Vue组件机制

1.概述组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用is特性进行了扩展的原生 HTML 元素。组件注册的时候需要为该组件指定各种参数。2.组件定义因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这.

2021-10-12 09:39:15 173

原创 BFC的特性和作用

一、什么是BFCBFC(Blockformattingcontext)直译为块级格式化上下文，把BFC理解成一块独立的渲染区域，BFC看成是元素的一种属性，当元素拥有了BFC属性后，这个元素就可以看做成隔离了的独立容器。容器内的元素不会影响容器外的元素。在理解BFC之前，我们需要先了解下常见的定位方案：1.默认文档流默认文档流就是对页面布局不加任何修饰，元素自动的布局方式，其特点如下：元素在页面中的显示顺序与元素在代码中出现的顺序是一致的。块级元素独占一行空间，宽度...

2021-09-28 19:43:24 558

原创原生js中的Ajax及使用

1、什么是AjaxAJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。是指一种创建交互式网页应用的网页开发技术，用于浏览器和服务器之间进行数据交互。AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。2、Ajax的基本使用使用Ajax无外乎就是以下四个步骤：1.创建一个http请求实例对象2.打开连接3.发送请求4.处理响应 2.1 向服务...

2021-09-27 20:05:28 269

原创对象和数组的API拓展

一、对象API的拓展Object.is()Object.assign()Object.assign()Object.assign()Object.setPrototypeOf()Object.getPrototypeOf()Object.keys()Object.values()Object.entries()1.Object.is()：判断a,b两个值是否相等，类似于===console.log(1===1);//true console.log(O...

2021-09-26 19:59:05 141

原创 ES6模块化

Javascript一直没有模块体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。这对开发大型的、复杂的项目形成了巨大障碍。在 ES6 之前，社区制定了一些模块加载方案，最主要的有 CommonJS 和 AMD 两种。前者用于服务器，后者用于浏览器。ES6 在语言标准的层面上，实现了模块功能，而且实现得相当简单，完全可以取代 CommonJS 和 AMD 规范，成为浏览器和服务器通用的模块解决方案。模块化机制：ES6模块化、CommonJS模块化、...

2021-09-26 19:23:33 252

原创 Web客户端的几种存储方式

一、Cookie存储在H5之前，Cookie是主要的存储方式。他的主要用途是保存登录信息，可以设置存储的有效期。存储在浏览器中，每次浏览器向服务器发送请求都需要携带cookie，一般情况下，cookie是产生于服务器端，保存于客户端，但是我们也可以通过js来产生cookie。通常通过js-cookie这个库来操作cookie<scriptsrc="https://cdn.bootcdn.net/ajax/libs/js-cookie/latest/js.cookie.js">.

2021-09-16 20:15:51 3473

原创 js高频面试题

目录一、js数据类型二、作用域三、闭包是什么四、this五、call()、apply()、bind()六、原型和原型链一、js数据类型基本数据类型： 1、Null 空引用数据类型 2、Undefined 未定义类型 3、Number 数字类型 4、String 字符串类型 5、Boolean 布尔类型引用数据类型：在JS中除了以上基本数据类型，其他所有类型都可以归结为引用数据类型。 Objec...

2021-09-05 16:12:23 94

原创 js流程控制语句算法题-1

1.分别使用while/do-while/for循环以及递归算法实现10的阶乘//whilevar result=1,i=1;while(i<=10){result=result*i;i++;}console.log(result);//do-whilevar result=1,i=1;do{result=result*i;i++;}while(i<=10);console.log(result);//forvar result=1;for(var i=

2021-08-30 22:08:41 144

原创前端面试总结2---C3

一、如何清除浮动父子级： 1.在子级元素后添加一个空元素，为其添加clear:both 弊端：增加了无意义的元素结构 2.给父级元素设置一个overflow:hiddden 解决了第一种方法的弊端 3. .hidden::after 为需要清除浮动元素的伪对象中设置height:0， #layout::after{ display:block； ...

2021-08-26 22:54:37 109

原创盒子的样式----背景、边框、表格

一、盒子的背景样式1、background-color：为背景设置一种颜色取值有：关键字、十六进制、RGB、HSL、RGBA、HSLA2、background-image：给元素设置一个背景图片取值有：none、url()引入图片的地址3、background-size：设置背景的大小取值： cover:背景铺满整个屏幕，把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。按照背...

2021-08-22 17:02:25 952

原创 CSS3中的盒子模型

盒子模型是h5+css3中最核心的基础知识之一，我们理解了这个重要的概念才能更好的排版，进行页面布局。下面是自己积累和总结的关于css盒子模型的知识，欢迎批评指正。一、盒子属性页面布局中的每个元素都可以被看作是一个矩形盒子，具有如下图的一些属性：width & height 用于设置内容区的宽高，该片区域用于显示内容。盒子高度默认为内容的高度。 padding 内间距，就是内容区域与外边框之间的距离。border ...

2021-08-20 20:45:19 683 1

原创 CSS中常用的文本样式

一、字体样式1.color:为字体指定颜色字体颜色的取值：关键字、RGB、6位16进制、RGBA、HSL、HSLA2.font-size 为字体指定文字大小，取值可以为绝对单位或者相对单位。3.font-family 为文字指定特殊的字体，浏览器只会使用浏览器可以访问到的字体。注意：使用字体栈可以一次性指定多个字体，如果第一个字体无效，则使用下一个字体，以此类推。一般将字体栈中最后一个字体设置为通用字体。 ...

2021-08-19 22:56:48 521

原创前端面试总结1---H5

1、行内元素、块级元素是什么？有哪些？行内元素：1.作用：在结构中填充网页内容2.特点：a.与其他行内元素共享一行空间，高宽由自身的内容决定，不能指定宽高。 b.不用来搭建网页结构，也无需通过CSS指定宽高 c.不能嵌套块级元素<span></span> 无意义的行内元素 <a href=""></a>超链接 href=" " 绝对路径、相对路径...

2021-08-18 22:26:28 130

原创 CSS选择器有哪些

一、标签选择器标签选择器又叫元素选择器，使用元素名可以直接选中相同的元素。<style> p{ color: tomato; } li{ border: 1px solid rgb(252, 249, 76); }</style><body> <div> <p>1</p>

2021-08-10 20:23:02 431

原创 HTML5--表格、表单标签

一、表格标签 <table> <thead>--tr>th <tbody>--tr>td <tfoot> caption：作为table的子元素，表示表格的标题信息 colgroup：列分组，定义一个表中的一组列，作为table的子元素，同时放在caption的后面，其它元素的前面。 col：经常作为colgroup的子元素，又span属性...

2021-08-09 22:47:48 372

原创 AXURE基础功能

一、Axure RP软件的布局以及功能介绍⽂件-导出图⽚：当前打开⻚⾯对应的单张图⽚、所有⻚⾯编辑-快捷键：保存、撤销视图-重置视图：当关闭某个窗⼝，可通过此次菜单快速恢复窗⼝视图布局-组合、对⻬、分布，在⼯具栏也有快速按钮，可通过拖拽元件库中两个按钮到⼯作区中，进⾏一一说明使⽤，包含shift键多选元件、组合后右键或者概要中进⾏重命名布局-显示⽹格和对⻬辅助线发布-预览、预览选项、⽣成HTML⽂件，在⼯具栏也有快速按钮二、元件库1、默...

2021-08-03 22:46:52 375

原创基于Gitee的代码托管和研发协作平台

一、Git安装 git --version // 检测git版本 gitee 码云注册 github 创建仓库、上传代码（注：一个本地仓库只能和一个云端的git仓库对应）二、Git基本操作 1. 本地普通文件夹 -变成- git仓库本地仓库（普通文件夹）本地仓库（git仓库）: git init 操作执行后文件夹中多了 /.git 代表这是一个git仓库 2. 本地git仓库 -连接- 云端git仓库...

2021-07-28 22:19:51 185

Lance2574的博客