随笔分类 - 前端技术
摘要：在vue如果使用v-for动态渲染vue，而没有提前设置好子项的宽高就会导致父盒子无论有没有设置宽高和overflow，只要内容总高度大于父盒子那么内容就会把父盒子撑大。 引发这个问题的原因据我推测是v-for渲染的子项时，如果没有设置子项宽高，那么就会去计算子项宽高，overflow属性要根据内容
阅读全文
摘要：动态组件 什么是动态组件 动态组件指的是动态切换组件的显示与隐藏 如何实现动态组件渲染 vue提供了一个内置的<component>组件，专门用来实现动态组件的渲染。示例diamante如下： data(){ return{ // 当前要渲染的组件名称 comName:'Left' } } <!--
阅读全文
摘要：组件的生命周期 生命周期 & 生命周期函数 生命周期（Life Cycle）是指一个组件从 创建->运行->销毁 的整个阶段，强调的是一个时间段。 生命周期函数:是由vue框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行。 生命周期强调的是时间段，生命周期函数强调的是时间点 组件之间共享数
阅读全文
摘要：ES6模块化 回顾：node.js中如何实现模块化 node.js遵守了CommonJS的模块化规范。其中： 导入其他模块使用require()方法 模块对外共享成员使用module.exports对象 模块化的好处： 大家都遵守同样的模块化规范写代码，降低了沟通成本，极大方便了各个模块之间的相互调
阅读全文
摘要：watch 侦听器 什么是watch侦听器 watch侦听器允许开发者监视数据的变化，从而针对数据的变化作特定的操作。 语法格式如下： const vm = new Vue({ el:"#app", data:{ username:"" }, watch:{ // 监听 username 值的变化
阅读全文
摘要：vue简介 什么是vue？ 官方给出的概念：Vue（读音/vju:/，类似于view）是一套用于构建用户界面的前端框架 vue的特性 vue框架的特性，主要体现在如下两方面： ① 数据驱动视图 ② 双向数据绑定 数据驱动视图 在使用了vue的页面中，vue会监听数据的变化，从而自动重新渲染页面的结构
阅读全文
摘要：前端工程化 模块化（js 的模块化、css的模块化、资源的模块化） 组件化（复用现有的UI结构、样式、行为） 规范化（目录结构的划分、编码规范化、文档规范化、Git分支管理） 自动化（自动化构建、自动化部署、自动化测试） 什么是前端工程化 前端工程化指的是：在企业级的前端项目开发中,把前端开发所需的
阅读全文
摘要：Flex布局/弹式布局 是一种浏览器提倡的布局模型 布局网页更加简单、灵活 避免浮动脱标的问题 作用 基于Flex精确灵活控制跨级盒子的布局方式，避免浮动布局中脱离文档流现象发生。 Flex布局非常适合结构化布局 设置方式 父元素添加 display:flex ，子元素可以自动挤压或拉伸 组成部分
阅读全文
摘要：在项目中操作MySQL 在项目中操作数据库的步骤 安装操作MySQL数据库的第三方模块（mysql） 通过mysql模块连接到MySQL数据库 通过mysql模块执行SQL语句 安装与配置mysql模块 安装mysql模块 mysql模块是托管于npm上的第三方模块。它提供了在Node.js项目中连
阅读全文
摘要：报错场景： 报错信息： { code: 'ER_NOT_SUPPORTED_AUTH_MODE', errno: 1251, sqlMessage: 'Client does not support authentication protocol requested by server; consi
阅读全文
摘要：中间件 中间接的概念 Express 中间件的调用流程 当一个请求到达Express的服务器之后，可以连续调用多个中间件，从而对这次请求进行预处理。 Express中间件的格式 Express的中间件，本质上就是function处理函数，Express中间件的格式如下： 中间件函数的形参列表中，必须
阅读全文
摘要：初识Express Express简介 什么是Express 官方给出的概念：Express是基于Node.js平台，快速、开放、极简的web开发框架。 通俗理解：Express 的作用和Node.js内置的http模块类似，是专门创建web服务器的。 Express的本质：就是有一个npm上的第三
阅读全文
摘要：模块化的基本概念 什么是模块化 模块化是指解决一个复杂问题时，自顶向下层逐层把系统分成若干模块的过程。对于整个系统来说，模块是可组合、分解和更换的单元。 编程领域中的模块化 编程领域中的模块化，就是遵守固定的原则，把一个大文件拆成独立并互相依赖的多个小模块。 把代码进行模块化拆分的好处： 提高代码的
阅读全文
摘要：http模块 回顾：什么是客户端。什么是服务器？ 在网络节点中，负责消费资源的电脑，叫做客户端；负责对外提供网络资源的电脑，叫做服务器。 http模块是Node.js官方提供的、用来创建web服务器的模块。通过http模块提供的http.createServer()方法，就能方便地把一台普通的电脑，
阅读全文
摘要：初识nodejs 思考：为什么JavaScript可以在浏览器中被执行 不同的浏览器中使用不同的JavaScript解析引擎： Chrome浏览器 ⇒ v8 Firefox 浏览器 ⇒ OdinMondkey（奥丁猴） Safri浏览器 ⇒ JSCore IE浏览器 => Chakra（查克拉） e
阅读全文
摘要：ES6简介 什么是ES6？ ES的全称是ECMAScript，它是由ECMA国际标准化组织，制定的一项脚本语言的标准化规范。 年份|版本 | 2015年6月|ES2015 2016年6月|ES2016 2017年6月|ES2017 2018年6月|ES2018 ...|... ES6实际上是一个泛指
阅读全文
摘要：正则表达式 正则表达式概述 什么是正则表达式 正则表达式（Regular Expression）是用于匹配字符串中的字符组合的模式。在JavaScript中，正则表达式也是对象。 正则表达式通常用来检索、替换哪些符合某个模式（规则）的文本，例如验证表单：用户名表单只能输入英文字母、数字或者下划线，昵
阅读全文
摘要：函数的定义和调用 函数的定义方式 函数声明方式function关键字（命名函数） 函数表达式（匿名函数） new Function() var fn = new Function('参数1','参数2'...'函数体') Function里面的参数都必须是字符串格式 第三种方式执行效率低，也不方便书
阅读全文
摘要：ES5中的新增方法 ES5新增方法概述 ES5中给我们新增了一些方法，可以很方便地操作数组或字符串，这些方法主要包括： 数组方法 字符串方法 对象方法 数组方法 迭代（遍历）方法：forEach()、map()、filter()、some()、every(); forEach() array.for
阅读全文
摘要：ES6中的类和对象 类constructor构造函数 constructor()方法时类的构造函数（默认方法），用于传递参数，返回实例对象，通过new命令生成对象实例时，自动调用该方法。如果没有显示定义，类内部会自动给我们创建一个constructor() 如下所示创建一个学生类： class st
阅读全文
浙公网安备 33010602011771号