10 2021 档案
摘要：1、hash 使用URL的hash来模拟一个完整的URL，当URL发生改变时，页面不会重新加载，其显示的网络路径中会有#号，这是最安全的模式，因为他兼容所有的浏览器和服务器 2、history 美化后的hash模式，路径中会去掉#。依赖于html5的history，pushState API，所以要
阅读全文
摘要：Promise.all( ) 的使用 - lcspring - 博客园 (cnblogs.com) 一、Pomise.all的使用 Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回
阅读全文
摘要：1、ajaxajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 XMLHttpRequest对象是ajax的基础,XMLHttpRequest用于在后台与服务器交换数据。这意
阅读全文
摘要：keep-alive可以在组件切换时，保存其包裹的组件状态，使其不会被destroyed销毁，keep-alive中的路由页面只会执行一次created生命周期，防止多次渲染。 其拥有独立的两个钩子函数actived和deactived，使用keep-alive包裹的组件在切换时不会被销毁，而是缓存
阅读全文
摘要：var axios = new Promise((resolve, reject) => { if(1==1){ resolve("成功") }else{ reject('失败') } }) axios.then(res => { console.log(res); }).then(res => {
阅读全文
摘要：问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。碰到频率:100%解决方案：css里 *{margin:0;padding:0;}备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的css文
阅读全文
摘要：vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的 我们已经知道实现数据的双向绑定，首先要对数据进行劫持监听，所以我们需要设置一个监听器Observer，用来监听所有属性。如果属性发上变化了，就需要告诉订阅者Watcher看是否需要更新。因为订阅者是有很多个，所以我们需要有一个消息
阅读全文
摘要：概念：W3C标准 中文名：万维网联盟，外文名：World Wide Web Consortium 万维网联盟标准不是某一个标准，而是一些列标准的集合。网页主要有三部分组成：结构（Structure）、表现（Presentation）、行为（Behavior）。 对应的标准也有三方面：结构化标准主要包
阅读全文
摘要：ajax请求数据的步骤： 1、创建ajax对象 2、配置请求方式和请求地址以及是否异步请求 3、浏览器向服务器发送请求 4、服务器接受请求 5、判断请求并响应数据 6、服务器向浏览器返回数据 7、浏览器渲染数据 // 1、 if (window.XMLHttpRequest) { var xhr =
阅读全文
摘要：call() 1、函数名.call()可以进行函数的调用 2、函数名.call()可以改变this的指向，如果没有参数，this指向window 3、如果有一个参数，this指向该参数 4、函数名.call()方法可以改变this的指向，如果有多个参数，this指向第一个参数，剩下的是个参数列表 a
阅读全文
摘要：1、任何一个函数都有一个prototype属性，他本身也是一个对象 2、构造函数也是函数，所以也有prototype属性，他本身是一个对象，我们称之为原型 3、原型对象上的所有属性和方法名都可以被实例化对象所继承 4、任何一个对象都有constructor属性，实例化对象的constructor属性
阅读全文
摘要：语义化标签：header、nav、article、footer、section、aside本地存储:localStorage和sessionStorage兼容特性2D、3D动画、过渡CSS3 特性性能与集成用于媒介回放的视频video 和 音频audio 元素用于绘画的 canvas 元素新的表单控
阅读全文
摘要：javaScript有三种数据存储方式，分别是： sessionStorage localStorage cookie 相同点：都保存在浏览器端，同源的 不同点： ①传递方式不同 cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。 session
阅读全文
摘要：var dom = document.querySelectorAll('*') 获取每个dom名称 for(var m = 0; m < dom.length ; m++){ console.log(dom[m].nodeName.toLowerCase()); }
阅读全文
摘要：https://github.com/mqyqingfeng/Blog/issues/22 防抖 <button id="btn">button</button> var btn = document.getElementById('btn') function payMoney() { conso
阅读全文
摘要：// 换头像 changeImg() { console.log("000000") // 1，选择头像文件 uni.chooseImage({ count: 1, success: (res) => { console.log(res) // 2上传文件 uni.uploadFile({ url:
阅读全文
摘要：store下index.js中 //同步修改state内的值 mutations: { // 改变登录状态 // 参数一：全局状态state 参数二：调用方法时的传参 changLogin(state, payload) { state.isLogin = payload.isLogin; stat
阅读全文
摘要：1、创建eventBus.js import vue from "vue" export const eventBus = new vue() 2、通过eventBus.$emit('参数一名称','参数二数据') <template> <view> <button type="default" @
阅读全文
摘要：官方文档 https://uniapp.dcloud.io/collocation/frame/lifecycle 应用的生命周期 uni-app 支持如下应用生命周期函数： 函数名 说明 onLaunch 当uni-app 初始化完成时触发（全局只触发一次） onShow 当 uni-app 启动
阅读全文
摘要：一、小程序基本概念 1、简单描述下微信小程序的相关文件类型？ 答：微信小程序项目结构主要有四个文件类型,如下： WXML （WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。内部主要是微信自己定义的一套组件。 WXSS (WeiXi
阅读全文
摘要：在小程序开发管理界面配置域名 点击详情查看域名信息 在utils下创建http.js function request(options) { // 请求拦截器 // ... // 1. 加一些统一的参数，或者配置 if (!options.url.startsWith("https://") &&
阅读全文
摘要：1、wx.navigateTo wx.navigateTo({ url: 'test?id=1', }) 保留当前页面，只能打开非 tabBar 页面。 2、wx.redirectTo wx.redirectTo({ url: 'test?id=1' }) 关闭卸载当前页面，只能打开非 tabBar
阅读全文
摘要：同步存储 wx.setStorageSync('list1', {name:"尚云科技",age:5}) 同步取出 wx.getStorageSync('list1') 双向绑定案例： this.setData({list:wx.getStorageSync('list1')}) 异步存储 wx.s
阅读全文
摘要：block不是一个组件，仅仅是一个包装元素 block与view区别，block不会在页面上渲染，可以用于显示隐藏
阅读全文
摘要：事件定义 在小程序中绑定事件可以以bind开头然后跟上事件的类型，如bindtap绑定一个点击事件，对应的值是一个字符串，需要在page构造器中定义同名函数，每次触发事件之后就会执行对应函数的内容。 <view bindtap="handleTap">点击事件</view> <view bind:t
阅读全文
摘要：WXML可以通过数据绑定的语法绑定从逻辑层传递过来的数据字段，这里所说的数据其实就是来自于页面Page构造器的data字段，data参数是页面第一次渲染时从逻辑层传递到渲染层的数据。 在JS脚本中如果需要获取到data上的数据，需要通过this.data获取。 <!-- page.wxml -->
阅读全文
摘要：一个小程序可以有很多页面，每个页面承载不同的功能，页面之间可以互相跳转。 页面构造器 Page({ data: { text: "This is page data." }, onLoad: function(options) { }, onReady: function() { }, onShow
阅读全文
摘要：App({ onLaunch: function(options) {}, onShow: function(options) {}, onHide: function() {}, onError: function(msg) {}, globalData: 'I am global data' }
阅读全文
摘要：1、小程序和浏览器中有什么不同 浏览器中渲染是单线程的。 而在小程序中的运行环境分成渲染层和逻辑层， WXML 模板和 WXSS 样式工作在渲染层，JS 脚本工作在逻辑层。 2、小程序中如何渲染 WXML模板使用 view 标签，其子节点用 {{ }} 的语法绑定一个 msg 的变量。 <view>
阅读全文
摘要：1、小程序中的js和浏览器中和node中的区别 浏览器中的JS：ES、DOM、BOM Node中的JS：ES、NPM、Native 小程序中JS：ES、小程序框架、小程序API 2、小程序中js的模块化 在小程序中实现JS模块化，和node中、ES6中是一致的，大家还可以使用之前的方式进行JS的模块
阅读全文
摘要：WXSS（WeiXin Style Sheets）是一套用于小程序的样式语言，用于描述WXML的组件样式，也就是视觉上的效果。 WXSS与Web开发中的CSS类似。为了更适合小程序开发，WXSS对CSS做了一些补充以及修改。 1、尺寸单位 在WXSS中，引入了rpx（responsive pixel
阅读全文
摘要：1、template的使用 WXML提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用。使用 name 属性，作为模板的名字。然后在 <template/> 内定义代码片段，如： <template name="demo"> <view wx:for="{{items}}"
阅读全文
摘要：列表渲染（遍历） 在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item。 <!--logs.wxml--> <view class="log-list"> <view class=
阅读全文
摘要：view标签是我们开发过程中最常用的标签了，这个就相当于Html中的div。 text标签也是我们开发中常用的，这个相当于Html中的span image标签相当于我们Html中的img。 官方文档 https://developers.weixin.qq.com/miniprogram/dev/c
阅读全文
摘要：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html 1、配置导航窗口 https://developers.weixin.qq.com/miniprogram/dev/reference/
阅读全文
摘要：pages: wxml: 编写小程序界面结构的地方 wxss: 编写小程序样式的地方 json：编写界面配置的地方 js：编写界面逻辑的地方 utils: 编写工具类的地方 app.js：创建程序实例的位置 app.json: 编写全局配置地方 app.wxss: 编写全局样式的地方 project
阅读全文
摘要：一、小程序是什么 1、小程序是一种新的开放能力，开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验。 2、任何一个普通的开发者，经过简单的学习和练习后，都可以轻松地完成一个小程序的开发和发布。 二、小程序发展史 1、早年，随着微信越来越流行，微信逐渐成为移动
阅读全文
