aYao__的博客

1.什么是页面导航页面导航指的是页面之间的相互跳转2.小程序中实现页面导航的两种方式（1).声明式导航 在页面上生明一个导航组件 通过点击组件实现页面跳转(2)编程式导航调用小程序的导航API，实现页面跳转3.声明式导航 导航到tabBar页面导航到非tabBar页面 注意：为了方便，在导航到非tabBar页面时，open-type属性可以省略4.后退导航 注意，如果只后退到上衣页面，可以省略delta属性，其默认值...

小程序根目录下的app.json文件是小程序的全局配置文件。常用配置项如下：1.pages 记录当前小程序所有页面的存放路径2.window 全局设置小程序窗口的外观3.tabBar 设置小程序底部的tarBar效果4.style是否启用新版的组件样式2.了解window节点常用的配置项属性名类型默认值说明navigationBarTitleTextString字符串导航栏标题文字内容navigationBarBackgroundColorHexColor#0000

小程序事件绑定

常用的视图容器类组件

小程序代码的构成

微信小程序项目结构

CORS (Cross-Origin Resource Sharing) ：跨域资源共享，CORS是官方的跨域解决方案，完全交给后端进行处理，支持get，post请求。跨域资源共享标准新增了一组 HTTP 首部字段（响应头），允许服务器声明哪些源站通过浏览器有权限访问哪些资源CORS怎么工作;CORS通过设置一个响应头来告诉浏览器，该请求允许跨域，浏览器收到该响应后会对响应放行代码实现客户端<script> (function(){ co

原理：有些标签天生具有跨域能力，比如：img，link，iframe，script，Jsonp就是利用script的跨域能力来发送请求的，服务器端返回的是一个回调函数，由于jsonp只能请求资源文件，所以Jsonp只能发送get请求.原生ajax发送jsonp <script> // 创建一个script标签 let script = document.createElement('script') // 设置script的src

1.默认插槽父组件中引用子组件标签(vc)，并且在其中写其他内容<template> <div> <vc> <h1>Hello Slot</h1> </vc> </div></template>在子组件中通过slot进行接受，将组件中的内容放置在指定位置<template> <div&...

消息的订阅与发布：组件订阅消息，等待组件发布消息（可带参数）后，执行订阅消息后面的回调函数，完成组件间通信安装并使用：首先通过npm安装对应库 npm i pubsub-js在App.vue中引入库import pubsub from 'pubsub-js'使用方法：// 消息发布 pubsub.publish('publishName,params) //订阅消息this.xxx = pub...

事件总线是为方便vue中组件之间的通信而出现的核心原理：VueComponent.prototype.__proto__ === Vue.prototype通俗来讲就是组件vc的实例对象可以访问到Vue原型对象上的方法，因此可以在vue原型对象上创建一个对象，这样所有的组件实例vc都能访问该对象从而实现组件间通信创建事件总线：new Vue({ render: h => h(App), beforeCreate(){ Vue.prototype.$bus = t

通过ref属性绑定标签，可以获取对应的标签DOM节点用法：<h1 ref='h1'>{{msg}}</h1>获取真实DOM节点（通过Vue对象上的$refs属性获取）： console.log(this.$refs.h1);

const vm = new Vue({ // 绑定的容器 el: '#root', // 对象式 data: { name: 'wx', n: 1 }, // 函数式 // data(){ // return { // name:'wx' // } ...

v-bind 单项绑定 v-bind:value='xxx === :value='xxx<input type="text" v-bind:value="name" >v-model 双向绑定 通常用于收集value值 v-model:value='xxx ===v-model='xxx<input type="text" v-model:value="name">v-on 事件绑定 简写 @<button @click="fun">{{nam

mvvm（Model-View-ViewModel) 即 模型-视图-视图模型，是MVC改进版，M: Vue中data里的数据V: 视图 ，html里的模板VM: Vue实例对象

JS数组常用方法1.concat连接两个字符串 const arr = [1,2] const arr2 = [3] console.log(arr.concat(arr2)) //1,2,32.join将数组转成字符串 const arr = [1,2] const arr3 = arr.join('-') console.log(arr3) //1-23.push & unshift往数组最后或者开头添加

{ // 执行编译的目录 "include": ["./"], // 不执行编译 // "exclude": [], // 更多编译选项 "compilerOptions": { // targer指定ts编译成js的版本 ,默认es3 "target": "ES3", // "module": "es2015", // 输出路径 "outDir": "./build/", ...

在当前文件夹建立一个package.json或者使用已创建的package.json文件{ "scripts": { "start": "webpack server -c ./config/webpack.config.dev.js", "build": "webpack -c ./config/webpack.config.prod.js" }}脚本代码如上，运行代码为 npm run start ===webpack ser..

css和js打包以及webserver服务器启动和watch监视var gulp = require('gulp')var concat = require('gulp-concat')var uglify = require('gulp-uglify')var rename = require('gulp-rename')var cssmin = require('gulp-cssmin')const autoPrefixer = require('gulp-autoprefixer')

插件一般都下载到本地开发环境中下载命令 npm i pluginsName -Dgulp常用插件 1. gulp-cssmin 用来压缩css文件 2. gulp-autoprefixer 用来给css添加前缀 传递参数({browsers: [要兼容的浏览器]}) 3.gulp-concat 合并js文件，组成一个新的js文件 4.gulp-uglify 压缩js文件 5....