02 2022 档案
JavaScript入门笔记
摘要:JavaScript编程语言 介绍个好东西JavaScript--前端的灵魂! JavaScript,就是我们通常所说的JS。这是一种嵌入到HTML页面中的编程语言,由浏览器一边解释一边执行。我们都知道,前端最核心的3个技术是HTML、CSS和JavaScript。其中3者区别如下:HTML用于控制
Webpack
摘要:webpack指令的作用:打包项目模块生成新的js webpack 与 npx webpack的区别 webpack调用的是全局的命令。 npx webpack 而是调用package.json里的webpack npx会观察当前文件夹有没有想要运行的命令,如果没有则返回上一级查找。
作用域插槽
摘要:作用域插槽也是一种通信方式。 特点:数据是在组件自身 目的:传递给使用该组件者且使用template 的 slot-scope来获取并插入html结构到子组件中。 例如 A组件中有个B组件,B组件里面有插槽,我们想对B组件中插入某些html结构,但是A组件中没有数据,我们可以通过 B组件插槽中传递该
isNaN 和 Number.isNaN 函数的区别
摘要:isNaN 和 Number.isNaN 函数的区别 函数 isNaN 接收参数后,会尝试将这个参数转换为数值,任何不能被转换为数值的的值都会返回 true,因此非数字值传入也会返回 true ,会影响 NaN 的判断。 函数 Number.isNaN 会首先判断传入参数是否为数字,如果是数字再继续
js数据类型
摘要:JS数据类型 JS数据类型有两种:基本数据类型,引用类型 基本数据类型(SNBNUS) 字符串string,数字number,布尔boolean,null,undefined,Symbol 引用类型(OAF) 对象Object,数组Array,函数Function。 扩展 NaN是什么类型? Num
扩展运算符
摘要:扩展运算符 ... 扩展运算符能将 数组 转换为逗号分隔的 序列参数。 const person = ['易烊千玺', '王俊凯', '王源']; let test = (...args) => { console.log(args) } function test() { console.log(
rest 剩余参数
摘要:ES6 引入 rest 参数,用于获取函数的实参,用来替代 argument。 ES5 获取形参方式 function fn() { console.log(arguments); } ES6 获取形参方式 let fn = (...args) => { console.log(args); //
参数默认值 (函数形参与对象数组解构)
摘要:* ES6 允许给函数参数,对象数组解构,赋值默认值。 #### 应用场景 1. 形参初始值 具有默认值的参数。 ```js let add = (a, b, c = 10)=> { return a + b + c; } function add(a, b, c = 10) { return a
Array.sort()排序
摘要:/* 排序:Array.sort((a, b)=> {}) 排序规则: 第一项 - 第二项大于0则替换(升序) 第二项 - 第一线大于0则替换(降序) */ let arr = [99, 12, 34, 8, 996, 50]; // 升序 arr.sort((a, b)=> { return a
箭头函数的特征
摘要:箭头函数的特征 this是静态的,this 始终指向函数声明时所在作用域下的this值。 如果是构造函数不能使用构造函数,会抛异常(Person is not a constructor)例如 let Person = (name, age)=> { this.name = name; this.a
ES5常用方法
摘要:ES5 中新增方法 数组方法 迭代(遍历)方法:forEach()、map()、filter()、some()、every() forEach array.forEach(function(currentValue, index, arr)) currentValue:数组当前项的值。 index:
json-server
摘要:json-server 环境搭建 一个在本地运行,可以存储 json数据的 server。 通俗来说,就是模拟服务端接口数据,一般用在前后端分离后,前端人员可以不依赖 API开发,而在本地搭建一个 JSON服务,自己产生测试数据。 顾名思义:json-server就是个存储 json数据的 serv
VueUI组件库
摘要:移动端常用 UI 组件库 Vant https://youzan.github.io/vant Cube UI https://didi.github.io/cube-ui Mint UI http://mint-ui.github.io PC 端常用 UI 组件库 Element UI https
vue-router大总结
摘要:vue-router vue-router 是 vue的一个插件库,专门用来实现 SPA应用。 SPA 单页面 Web 应用(single page web application,SPA)。 整个应用只有 一个完整的页面。 点击页面中的导航链接 不会刷新页面,只会做页面的 局部刷新。 数据需要通过
Vuex 模块化 + 命名空间
摘要:Vuex 模块化 + 命名空间 目的:让代码更好维护,让多种数据分类更加明确 修改 store.js (主模块) import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const moduleA = { namespaced: tru
Vuex四个map的方法使用
摘要:四个map方法的使用 mapState mapState方法:用于帮助我们映射 state 中的数据为计算属性 computed: { // 借助 mapState生成计算属性:t1、t2、t3(对象方法) ...mapState({t1: 't1', t2: 't2',t3: 't3'}) //
getters的使用
摘要:getter的使用 概念:当 state 中的数据需要经过加工后在使用时,可以使用getters加工。 在 store.js 中追加 getters配置 ...... const getters = { bigSum(state) { return state.xxx * 10 } } // 创建并
小程序宿主环境
摘要:宿主环境 宿主环境(host environment)指得是 程序运行所必须依赖的环境。 例如:Android 系统 和 iOS 系统 是两个不同的宿主环境。 安卓版的微信 APP 是不能在 iOS 环境下运行的,所以,Android 是安卓软件的宿主环境,脱离了宿主环境的软件是没有意义的。 小程序
WXML 模板的组成
摘要:WXML 模板 WXML 和 HTML 的区别 标签名称不同 HTML (div,span,img,a) WXML(view,text,image,navigator) 属性节点不同 <a href="#">超链接</a> <navigator url="/pages/home/home"></na
小程序的结构
摘要:小程序结构目录 小程序文件结构和传统web对比 传统web 微信小程序 结构 HTML WXML 样式 CSS WXSS 逻辑 JavaScript JavaScript 配置 无 json 通过以上对比,传统web是三层结构,而微信小程序是四层结构,多了一层配置文件。 基本的项目目录 小程序配置文
小程序与普通网页的区别
摘要:运行环境不同 网页运行在浏览器中 小程序运行在微信环境中 API不同 由于运行环境的不同,所以小程序中,无法调用 DOM 和 BOM 的 API 但是,小程序中可以调用微信环境提供的各种API,例如: 地理定位 扫码 支付 开发模式不同 网页的开发模式: 浏览器 + 代码编辑器 小程序有自己的一套标
Vuex的基本使用
摘要:基本使用 初始化数据、配置actions、配置mutations、操作文件store.js // 引入Vue核心库 import Vue from 'vue' // 引入Vuex`````` improt Vuex from 'vuex' // 引用Vuex Vue.use(Vuex) const