随笔分类 - 前端
摘要：一、Vue的概念 1.1 Vue是什么？ 按官方的话来说，是用于构建用户界面的渐进式框架 自底向下逐层的设计 核心只关注视图层，单页面应用 所有的 DOM 操作都由 Vue 来处理，你编写的代码只需要关注逻辑层面即可。 标注：渐进式框架(一开始不需要完全掌握它的全部功能特性，后续可以逐步增加。这对于
阅读全文
摘要：
前言 本篇文章是响应式布局之flex布局详细了解的兄弟篇，此文涵盖了之前的大部分，可以直接阅读本文。 写下此篇文章，为一个初入的前端所应有的学习与巩固。 一、flex布局是什么 flex 是 Flexible Box 的缩写，意思为弹性盒子。采用 Flex 布局的元素，称为 Flex 容器（flex
阅读全文
前言 本篇文章是响应式布局之flex布局详细了解的兄弟篇，此文涵盖了之前的大部分，可以直接阅读本文。 写下此篇文章，为一个初入的前端所应有的学习与巩固。 一、flex布局是什么 flex 是 Flexible Box 的缩写，意思为弹性盒子。采用 Flex 布局的元素，称为 Flex 容器（flex
阅读全文
摘要：一、前言 在前端方面，我们会使用些包管理器来操作项目中需要的包，一般最常见的为npm。 同时，由于公司的技术需要，在这里记录一下本人学习yarn。 二、认识 在CSDN看到这样几句话：前端各种包管理工具简述 npm是名声最广的前端包管理器，为Node.js自带 cnpm是npm的阿里版，用的是阿里的
阅读全文
摘要：CSS选择器 百度词条为："要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器，HTML页面中的元素就是通过CSS选择器进行控制的。" 1.星号选择器、通用选择器 <!--选中全部元素--> *{ width:100%; height:100%; } 2.
阅读全文
摘要：Vue计算属性与监听属性 一、计算属性 使用计算属性的理由是：在模板的表达式需要进行复杂逻辑时，应该写在computed。 反例: <div> {{message.split('').reverse().join('')}} //表达式不直观、 </div> 正确例子： <div id="root"
阅读全文
摘要：前言： 其实在前端类别中，已经将实现水平垂直居中的方法列举了出来，这里仍将这几种方法提出来的理由是：“认为这个知识点比较重要，也是本人较为健忘”。 实现： 方案一： 关键词:绝对定位，margin:auto .box{ position:absolute; left:0; right:0; top:
阅读全文
摘要：一、开发架构 有MVC、MVP、MVVM、等 1.1 MVC架构介绍 是古老的架构，随着MVP与MVVM的流行渐渐退出历史舞台 架构图案如下: MVC架构解析: 1.视图层（View） 2.控制层（Controller）,主要负责业务逻辑 3.模型层(Model),主要负责网络请求，数据库处理，I/
阅读全文
摘要：jQuery是一个JS库，使用jQuery的话，比JavaScript更简单 因此我们学习jQuery，其实就是学习jQuery这个js文件中封装的一大堆方法。 1.1 jQuery基础 1.1.1 jQuery的写法 //第一种写法 $(dounment).ready(function(){ //
阅读全文
摘要：一、概念 MVC / MVP / MVVM V : view 视图 :给用户看的网页，以及数据显示的部分 M: Mode 模型 ：存储数据 C: Controller 控制器 ：起一个调度的作用， 二、Vue的基础语法 v-text = 'xx' //文本绑定值 v-bind :title="mes
阅读全文
摘要：axios 1.状态码 200: 请求成功，正常返回。 404: 服务器没有找到你请求的页面。 405: 页面是存在，但是请求的方法不对 (get/post) 500: 服务器找到了页面，但是在处理的时候，它出异常了！ axios请求五种方式 get请求(获取数据) post请求(添加数据) put
阅读全文
摘要：ECMAScript 6 一、块级作用域: let,const 1.1 基本用法 const: 声明常量，在声明时必须被赋值,一般大写命名 let : 声明变量,所声明的变量，只在let命令所在的代码块内有效 const的应用场景 函数中不变的系数，例如 y=kx+b中的k和b 系统中固定都参数，比
阅读全文
摘要：一、开发架构 有MVC、MVP、MVVM、等 1.1 MVC架构介绍 是古老的架构，随着MVP与MVVM的流行渐渐退出历史舞台 架构图案如下: MVC架构解析: 1.视图层（View） 2.控制层（Controller）,主要负责业务逻辑 3.模型层(Model),主要负责网络请求，数据库处理，I/
阅读全文
摘要：Flex:‘弹性布局’ 一、指定为Flex布局 任何一个容器都可以指定为Flex布局，如果值为flex则容器为块标签 容器默认存在两根轴， 水平主轴是main axis,结束位置叫做main end; 垂直主轴是cross axis,结束位置是cross end 1.1 xx{ //指定为flex布
阅读全文
摘要：Web前端性能优化 1.减少http请求数量 1.1 图片地图 在图片的指定区域指定超链接，把图片合并在一起，通过热点点击超链接，间接减少了客户端请求服务器图片的数量 1.2 精灵图(Sprite) 把多张小图拼成一张大图片，通过css来控制什么地方具体显示什么图片，裁剪出想要图片，减少服务器图片请
阅读全文
摘要：Less与Sass是css的预处理技术 而CoffeeScript、TypeScript则是javascript的预处理技术。 一、Less Less是一种动态样式语言，是一门css预处理语言，扩展了css语言，增加了变量，运算，嵌套等一系列功能 1.1 变量 语法:@变量名:变量值; 存在作用域:
阅读全文
摘要：JavaScript：动态脚本语言 弱类型 动态类型 I/o:文档交流 由三部分组成: ECMAScript(语言核心) DOM (文档对象模型) BOM (浏览器对象模型) 浏览器渲染 html 是从上到下的 一般来说，会将 script 放到 head 中，但是为了渲染速度，很多时候，会
阅读全文
