04 2022 档案
摘要：解构赋值 解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。 单层对象的解构赋值 const obj = { name: 'paul', age: 19, gender: '男' }; const { name, age, gende
阅读全文
摘要：for循环 for (let index = 0; index < array.length; index++) { const element = array[index]; } for in for in 遍历数组 // for in 遍历数组的每个下标 for (const index in
阅读全文
摘要：箭头函数 MDN：箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。 箭头函数的注意事项 箭头函数没有自己的this,只能沿着作用链的上一层继承this，最终
阅读全文
摘要：场景： 遍历请求来的数据，使用弹性盒布局，左右各一份并且换行，并且使用justify-content:space-around。 拉到最后一个显示的数据，发现最后一个图片理应另起一行显示在左边，但是发现图片孤零零的被置于中间，严重影响美观。 原因： 因为奇数个数据在使用弹性盒排列时，必然会出现有尾巴
阅读全文
摘要：总结 | 属性display | 块元素block | 行内元素inline | 行内块元素inline-block | none | | | | | | | | 是否换行 | × | √ | √ | | | 父元素未定宽高 | 子元素填充宽高 | 宽度随内容增加 | 宽度随内容增加 | 不渲染，脱
阅读全文
摘要：可选链操作符 ?. 例子 a.b?.c?.d 可以在调用前先验证调用属性，若引用为空（null或undefined）则发生短路，不执行之后代码也不抛出异常，表达式返回undefined。 也可以和函数一起使用，若函数不存在，也不抛出异常，返回undefined。 一、使用场景： 在对象的..链式调用
阅读全文
摘要：1.正常html里，一个标签无法同时写两个 class，只有位置靠前的第一个class类名生效 我们只能用将不同类名写入标签的class属性并用空格隔开 2.vue允许 ★静态类名staticClass + 动态类名dynamicClass 这里类名加不加单引号，要看你绑定时是否为字符串。如果是字符
阅读全文
摘要：Asynchronous Javascript And XML， a（async异步）j（JavaScript）a（and）x（XML：与json同级语言格式） **ajax** 作为前端必修课，**页面无刷新获取数据**。是一种创建动态网页（即前后端交互）的技术。 > 原理：浏览器底部抛出 **X
阅读全文
摘要：跨域知识点 前端知识面跨域简单复习 什么是跨域？ 跨域是因为浏览器同源策略产生的问题，浏览器同源策略指：协议、域名、端口三者必须完全一致。 跨域问题只发生在浏览器端，不会发生在移动端，服务器更加不存这个问题。 开发时解决跨域问题 jsonp cors nodejs中间件 webpack proxy
阅读全文
摘要：JavaScript数据基本类型 基础数据类型 数字（Number） 字符串 （String） 布尔值 （Boolean） 引用数据类型 对象 （Object） 数组 （Array） 函数 （Function） 特殊数据类型 空值 （Null） 未定义 （Undefined） ES6新增类型 Sym
阅读全文
摘要：简易动画效果 微信小程序的路由跳转 // 点击歌曲跳转songDetail toSongDetail(event){ let song = event.currentTarget.dataset.song let musicId = event.currentTarget.dataset.id co
阅读全文
摘要：wxml代码及相关api: <!-- 视频列表 --> <scroll-view class="videoScroll" scroll-y refresher-enabled bindrefresherrefresh="handleRefresher" refresher-triggered='{{
阅读全文
摘要：微信公众平台，扫码登录 管理--成员管理--体验成员添加成员 微信开发者工具里上传版本 来到微信公众号平台 版本--开发管理--开发版本 讲版本设置为体验版，体验版无需提交审核 然后在开发工具中预览生成二维码，分享给成员 如何免费进行内网穿透，点此站内跳转 注意由于项目未上线，别忘了使用内网穿透，并
阅读全文
摘要：起因 按照接口文档要求，此次请求需要携带cookie，老是请求失败。有时候在浏览器上先把请求地址跑一遍，到小程序上请求又能请求成功了，但一会又失效了，变成了灵异事件，还以为是后台的问题，但是浏览器和postman都能直接跑通，说明服务器没问题。 现在把遇到的几个坑重头记录下，还是自己对带cookie
阅读全文
摘要：本文转载自，原文请点此访问跳转 本人学习整理 1.标题 使用 “#” 可以展现1-6级别的标题 示例 # 这是一级标题 ## 这是二级标题 ### 这是三级标题 #### 这是四级标题 ##### 这是五级标题 效果 这是一级标题 这是二级标题 这是三级标题 这是四级标题 这是五级标题 2.字体 加
阅读全文
摘要：双飞翼布局，左右两边，中间自适应拉伸。 父盒子 display: flex; justify-content: space-between; 中间搜索框 width:100% 也可以直接父盒子给弹性盒，中间搜索框直接flex:1;即可完成布局 flex: 为三个属性的缩写 flex-grow, fl
阅读全文
摘要：个人页面 // 用户信息处 <view class="user-info-box"> <view class="portrait-box"> <!-- 头像图片的src用动态语句来切换，无用户信息时（没登录）使用静态默认头像 --> <!-- 并且在头像上绑定单击事件tapLogin --> <im
阅读全文
摘要：if语句和逻辑与运算符&& if语句和&&逻辑与运算符将数据类型作为标识符，来实现开关的作用，在实际使用中非常实用。首先来了解一个falsy概念。 falsy "falsy"是一个JavaScript术语，用于描述在布尔上下文中被视为“false”的值。 在JavaScript中，以下值被视为“fa
阅读全文
摘要：为需要拖拽的区域绑定一系列手指点击移动事件，并动态定义移动过渡效果 <view class="cover-container" bindtouchstart="handlerTouchStart" bindtouchmove="handlerTouchMove" bindtouchend="hand
阅读全文
摘要：场景：微信小程序获取请求回来的数据用于展示排行榜数据 在循环外统一更新data数据，页面将会在循环结束所有数据返回后一次更新，如果网络较差会出现白屏，用户体验不好。 在循环内时时更新data数据，页面将会在每次循环都更新一次数据，理论上来说消耗更多的浏览器性能。 个人推荐循环内，提升用户感官体验。
阅读全文
摘要：小程序开发文档 https://developers.weixin.qq.com/miniprogram/dev/reference/ 当在小程序中想要实现某一种布局，查看：组件 当在小程序中想要实现某一个功能，查看:API 当在小程序中想要进行某一个配置或者某一种页面语法，查看:框架 + 指南 查
阅读全文
摘要：（仅供自己学习测试用）！！！ 自己搭的服务器，只有一个内网地址如：http://localhost:3000。现微信小程序接口api地址，真机测试时内网ip不会起作用。故我们需要用这个内网地址映射一个公网地址。 推荐一个免费内网穿透工具，官网地址 点击免费使用，注册账号 下载windows版地址 下
阅读全文
