- 博客(10)
- 收藏
- 关注
原创 虚拟 DOM
所有的浏览器渲染引擎工作流程大致分为5步:创建 树 —> 创建 -> 构建 树 —> 布局 -—> 绘制 。注意点:1、 树的构建是文档加载完成开始的? 构建 树是一个渐进过程,为达到更好的用户体验,渲染引擎会尽快将内容显示在屏幕上,它不必等到整个 文档解析完成之后才开始构建 树和布局。2、 树是 树和 样式表构建完毕后才开始构建的? 这三个过程在实际进行的时候并不是完全独立的,而是会有交叉,会一边加载,一边解析,以及一边渲染。3、 的解析注意点? 的解析是从右往左逆向
2022-06-14 16:58:02 195
原创 闭包的借鉴以及自我理解
在理解闭包之前,有个重要的概念需要先了解一下,就是 js 执行上下文。闭包是 js 创建函数就自带的一种机制它是这样工作的,无论何时声明新函数并将其赋值给变量,都要存储函数定义和闭包。闭包包含在函数创建时作用域中的所有变量,它类似于背包。函数定义附带一个小背包,它的包中存储了函数定义创建时作用域中的所有变量。案例第行。我们在全局执行上下文中创建了一个新的变量,并赋值了一个的函数定义。第行。我们在全局执行上下文中声明了一个名为的新变量。第行。我们需要调用函数并将其返回值赋给变量。第行。调用函数,创建新的
2022-06-14 16:56:20 154
原创 微信小程序获取用户当前所在位置
调用 wx.getLocation 来进行授权,使用此属性时应注意在App.json文件中进行配置这是提示用户要干嘛的弹窗信息wx.getSetting 判断用户是否已授权,调用:2. 使用腾讯地图API把经纬度传上去返回城市名称申请开发者密钥(key): 申请密钥开通webserviceAPI服务:控制台 ->应用管理 -> 我的应用->添加key-> 勾选WebServiceAPI -> 保存下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.1安全域名设
2022-06-06 18:57:53 666
原创 微信小程序各个生命周期(应用生命周期,页面生命周期,组件生命周期)
微信小程序各个生命周期应用生命周期页面生命周期组件生命周期1. 应用生命周期App(Object object)注册小程序。接受一个 Object 参数,其指定小程序的生命周期回调等。App() 必须在 app.js 中调用,必须调用且只能调用一次。不然会出现无法预期的后果。属性类型说明onLaunch(Object object)function小程序初始化完成时触发,全局只触发一次。参数也可以使用 wx.getLaunchOptionsSync 获取。
2022-05-31 20:03:58 2190
原创 2022527微信小程序现阶段总结
2022/5/27微信小程序现阶段总结1. 介绍小程序基本文件WXMLWXSS1.1 WXMLWXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。(类似于vue组件)支持数据绑定<!--wxml--><view> {{message}} </view>// page.jsPage({ data: { message: 'Hello MINA!' }})
2022-05-27 20:23:31 153
原创 前后端联合开发项目总结
前后端联合开发项目总结我们做的是深蓝潜水俱乐部器材管理系统,首先的第一个问题业务逻辑不明确,与后端沟通时间较长,然后因为见识与自身逻辑的原因,考虑问题不充分,没有规划好页面布局,导致后期需要进行页面修改的时间比较长, 业务功能不完善,业务逻辑不匹配等等问题首先我们根据器材管理系统开始分析,器材管理,应该要有器材的新增,器材的查询,器材的销毁,器材的修改,已经租借器材给用户,用户归还器械等等,但是我们是后台管理系统,所以用户应该是不能注册与登陆的,从常识上来讲,用户租借设备与归还设备应
2022-05-25 09:27:49 393
原创 vue动画库-Animate.css的使用以及部分问题
vue动画库-Animate.css的使用以及部分问题Animate.css在vue脚手架中的使用详情见官网: Animate.css | A cross-browser library of CSS animations.两种使用方式在style中使用 <transition name="slide-fade"> <div class="box" v-if="show" ></div> </transition>.
2022-05-09 20:37:44 713
原创 vue内容绑定 计算属性 侦听器 拦截器 ESlint 路由守卫(vue及其相关知识)
vue现阶段总结(vue及其相关知识)1. 内容绑定问题使用这种绑定的方式的只能显示纯文本,还有 v-text的也只能显示纯文本 <div id="app"> <p>{{title}}</p> </div>如果要显示的是HTML结构,则需要使用 v-html指令<p v-html="content"></p>2. 选项框选中数据获取问题 var vm = new Vue({ el: '#app',
2022-04-29 09:44:52 177
原创 css中元素的显示与隐藏问题
元素的显示与隐藏元素的显示与隐藏的三种方式:display:(不保留位置)display:none:隐藏display:block:显示(inline,inline-block都可以用来显示)visibility:保留位置(会保留隐藏元素的位置)visibility:hidden:隐藏visibility:visible:显示opacity:保留位置(设置不透明度)opacity:0:隐藏opacity:1:显示...
2021-10-21 16:57:34 204
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人