- 博客(14)
- 收藏
- 关注
RSS订阅原创 微信小程序分包，优势与劣势。
"离线包"机制微信小程序采用的是类似离线包加载方案，以 转转 小程序为例，当用户第一次打开时会先下载好所有代码，然后再加载页面；当用户再次进入转转小程序时，会直接使用已下载的代码，省去了代码下载的过程，打开速度更快。看似很美好的设计，但有两个问题：第一次打开转转小程序时白屏时间很长，因为要下载接近2.5M的代码量，也就是说你的代码越多，白屏时间越长，而转转APP采用的网页离线机制体验更佳：在用户打开APP时就下载/更新离线包，这样在用户进入对应的网页时，代码已经下载好了，没有漫长的白屏过程。代码有部
2020-10-28 21:54:45
3506
原创 小程序的路由跳转和传递参数
一共分四种1.wx.navigateTo(OBJECT)；2.wx.redirectTo(OBJECT)；3.wx.switchTab(OBJECT)；4.wx.navigateBack(OBJECT)1. wx.navigateTo （保留当前页面，跳转到应用内的某个页面。不能跳转到 tabbar的页面） toDetail: (options) => { let id = options.currentTarget.dataset.id wx.navigateTo({
2020-10-22 22:00:57
229
原创 小程序封装api请求
在根目录下创建env文件夹和http文件夹用来存放JS文件在env文件下创建一个index.js文件，在里面配置请求环境module.exports={ //开发环境 Dev:{ "BaseUrl":"http://localhost:3000" }, //测试环境 Test:{ "BaseUrl":"https://www.test.com" }, //生产环境 Prod:{ "BaseUrl": "https://api.it120.cc"
2020-10-22 21:44:59
318
原创 小程序的窗口配置和文件类型
1.窗口配置pages 页面的路径 第一个是首页的内容tabBar 是底部导航栏的路径 每个文件中的pagepath是路径iconpath 是照片的路径 selectedIconPath 是选中的照片路径 text 是文字window中 navigationBarTitleText是顶部的标题 navigationBarTextStyle字体的颜色2 小程序文件类型小程序一共有4各类型wxml（weixin markup language）是框架设计的一套标签语言，结合基础组件 事件系统 可以构
2020-10-22 21:33:46
172
原创 封装params异步请求API
在目录中创建request.js和index.js两个文件一， 目录中request.jsimport axios from "axios"*//判断当前运行环境 development--为开发环境 production-- 为生产环境**//根据不同的运行环境设置不同的baseURL*if(process.env.NODE_ENV == "development"){ axios.defaults.baseURL = 'http://120.53.31.103:84/'}if
2020-10-07 14:16:41
391
原创 Day 10
DOM树节点关系原生JS中的节点关系-childNodes我为了好记叫（儿子数组）任何节点都有childNodes属性，是一个类数组对象，存放着所有自己的儿子。注意，这里有重大兼容性问题：空白文本现象 在不同浏览器childNodes 空白节点也被当做一个节点结构原生JS中的节点关系-parentNode我为了好记叫（父亲数组）注意 childNodes 儿子可以有很多...
2020-01-14 19:50:34
58
原创 Day 09
日期对象什么是日期对象在JavaScript中提供了Data对象，用于处理和日期有关的内容。通过Date对象可以获取系统时间、设置时间等。Data对象也具有prototype和constructor属性。日期对象创建创建一个对象表示系统当前的日期和时间；var mydate = new Date();将日期对象转换为字符串mydate.toString(); //转化为时间格式...
2020-01-14 19:43:32
94
原创 Day o8
BOM对象浏览器对象模型（BOM）浏览器对象模型（Browser Object Model）BOM提供了独立于内容而与浏览器窗口进行交互的对象。由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是windowBOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性BOM缺乏标准，javaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C所有浏览器都支持...
2020-01-14 19:37:59
69
原创 Day 7
Math 对象方法Math 对象Math 对象用于执行数学任务的函数。使用 Math 的属性和方法的语法：Math.方法名（）Math 对象方法max()max() 取两个数的最大值mix()min() 取两个数的最小值ceil()ceil() 上舍入 取整数 — 向上取整floor()floor() 下舍入 取整数 ----向下取整round()round() ...
2020-01-14 19:29:17
89
原创 Day 06
String 对象String概念：字符串对象：万事万物皆是对象String：字符串对象Math：数字对象Date:日期对象Array :数组对象数组对象中的用法push() 在尾部进行添加pop() 再尾部进行删除shift() 在头部删除unshift() 在头部进行添加reverse() 倒叙sort() 排序join() 拼接成字符串spli...
2020-01-14 16:37:02
68
原创 vue数据改变但视图不跟着更新
4.1函数的概念和作用4.1.1什么是函数 当被调用时可重复执行的代码块4.1.2函数的作用有那些？ 函数的作用就是封装一段代码，将来可以重复使用4.2函数的定义4.2.1函数定义的两种方式 //函数声明式 function 函数名(){ 代码块; } //函数表达式...
2019-12-20 16:46:28
300
原创 webpack
分支语句3.1语句的概念JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。JavaScript 语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情3.2if语句条件语句条件语句是一种根据条件执行不同代码的语句，如果条件满足则执行一段代码，否则执行其他代码。if 语句只有在指定条件为ture时，该语句才会执行代码。if…else 语法if ...
2019-12-19 11:00:42
57
原创 基本数据类型
类型转换Number String Boolean undefined nullString类型转换为数值类型纯数字的字符串var str = '1000';字符串转换数值类型：console.log(Number(str)); 返回值1000console.log(typeof Number(str)); 检测类型为Number数字开头的字符串var str = '10...
2019-12-18 19:54:42
146
原创 解决移动端1PX问题
javascrpit历史回顾1990年伯斯纳李诞生了物联网1992年NCSA开发了独立的浏览器Mosaic1994年发现有些操作不宜在服务器上完成，比如表单验证1995年布兰奇发明了javescript1996年navigator2.0浏览器正式内置javescript脚本语言javascript版本1997 ECMAScript 1.01998 ECMAScript 2.0...
2019-12-16 18:45:32
54
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人