随笔分类 - 前端开发
摘要：Node.js 项目中使用 Babel 由于nodejs环境采用的是CommonJS的模块化规范，使用require引入模块，module.exports导出模块，但使用有点不习惯，所以引入babel转义支持，通过babel进行编译，支持impirt和export以及一些es6、es7的新语法。 安
阅读全文
摘要：事件描述 此组件中包涵一个原生Input file元素，它是被隐藏的，当点击我的容器元素的时候，通过refs拿到这个file input元素，调用该元素的click()方法直接就调出文件选择对话框。 react代码示例： import { Component } from "react";impor
阅读全文
摘要：await等待的东西分两种情况，promise和非promise，遇到promise会阻塞下边的代码，遇到非promise的会直接根据情况进行执行。 所以想要让两个函数必须保证先后执行，先执行的函数得保证返回promise。 // 给先执行的函数加promise返回值 function test1(
阅读全文
摘要：1.创建人脸识别应用 登录百度智能云平台：可以使用百度系列账号登录，没有账号的可以注册 百度智能云-管理中心 (baidu.com) 创建人脸识别应用 （1）找到产品服务，点击进去 （2）输入人脸识别，点击访问-查找到的应用。 （3）点击领取免费资源：领取免费资源的前提是你已经认证个人/企业账号 （
阅读全文
摘要：1. router-link 1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开
阅读全文
摘要：Sequelize.STRING // VARCHAR(255)Sequelize.STRING(1234) // VARCHAR(1234)Sequelize.STRING.BINARY // VARCHAR BINARYSequelize.TEXT // TEXTSequelize.TEXT('
阅读全文
摘要：1.简单类型与复杂类型 简单类型又叫做基本数据类型或者值类型，复杂类型又叫做引用类型。 值类型：简单数据类型/基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型 string ，number，boolean，undefined，null 引用类型：复杂数据类型，在存储时变量中存储的仅仅是地址
阅读全文
摘要：1.内置对象 JavaScript中的对象分为3种:自定义对象、内置对象、浏览器对象 前面两种对象是JS基础内容，属于ECMAScript;第三个浏览器对象属于我们S独有的，我们JS API讲解 内置对象就是指JS语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属
阅读全文
摘要：1.对象 1.1什么是对象? 在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。 对象是由属性和方法组成的。 属性∶事物的特征，在对象中用属性来表示(常用名词) 方法︰事物的行为，在对象中用方法来表示(常用动词) 1.2为什么需要对象
阅读全文
摘要：1.预解析 JavaScript代码是由浏览器中的JavaScript解析器来执行的。JavaScript解析器在运行JavaScript代码的时候分为两步∶预解析和代码执行。 我们js引擎运行js 分为两步：预解析代码执行 预解析 js引擎会把js 里面所有的 var 还有 function 提升
阅读全文
摘要：1.作用域 1.1作用域概述 通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。 2.变量的作用域 2.1变量作用域的分类 在JavaScript中，根据作用域的不同
阅读全文
摘要：1. 函数的概念 在 JS 里面，可能会定义非常多的相同代码或者功能相似的代码，这些代码可能需要大量重复使用。 虽然 for循环语句也能实现一些简单的重复操作，但是比较具有局限性，此时我们就可以使用 JS 中的函数。 函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使
阅读全文
摘要：1.数组大概念 数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。 2.创建数组 2.1数组的创建方式 JS中创建数组有两种方式: 利用new创建数组 利用数组字面量创建数组 2.2利用new创建数组 var 数组名
阅读全文
摘要：1.标识符命名规范 变量、函数的命名必须要有意义 变量的名称一般用名词 函数的名称一般用动词 2.操作符规范 //操作符的左右两侧各保留一个空格for (var i = l; i <= 5; i++){if (i == 3) { break; //直接退出整个for循环，跳到整个for循环下面的语句
阅读全文
摘要：1.流程控制 在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。 简单理解︰流程控制就是来控制我们的代码按照什么结构顺序来执行 流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行的顺序
阅读全文
摘要：1.组成 ECMAScript:javascript语法 DOM:页面文件对象模型 BOM:浏览器对象模型 1.ECMAScript ECMAScript是由ECMA国际（原欧洲计算机制造商协会）进行标准化的一门编程语言，这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，
阅读全文
摘要：1.响应式开发 1.1响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 设备划分尺寸区间 超小屏幕（手机) < 768px 小屏设备（ 平板) 768px ~ 992px 中等屏幕（桌面显示器） 992px ~ 1200px 宽屏设备(大桌面显示器)
阅读全文
摘要：1.rem基础 rem单位 rem (root em)是一个相对单位，类似于em , em是父元素字体大小。. 不同的是rem的基准是相对于html元素的字体大小。 比如，根元素( html )设置font-size=12px;非根元素设置width:2rem;则换成px表示就是24px。 html
阅读全文
摘要：flex弹性布局 1.传统布局与flex布局 传统布局 兼容性好布局繁琐 局限性，不能再移动端很好的布局 局限性，不能再移动端很好的布局 flex弹性布局 操作方便，布局极为简单，移动端应用很广泛PC端浏览器支持情况较差 IE11或更低版本，不支持或仅部分支持 建议∶ 如果是PC端页面布局，我们还是
阅读全文
摘要：流式布局(百分比布局) 流式布局，就是百分比布局，也称非固定像素布局。 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。 流式布局方式是移动web开发使用的比较常见的布局方式。 max-width最大宽度（ max-height最大高度) min-width
阅读全文
浙公网安备 33010602011771号