- 博客(17)
- 收藏
- 关注
RSS订阅
原创 重绘与回流详解
首先咱们得先了解渲染过程解析html,生成dom数,解析css,生成cssom树将dom树和cssom树结合,生成渲染树( Render Tree )Layout (回流) : 跟进生成的渲染树, 进行回流, 得到节点的几何信息(位置,大小)Painting (重绘) : 跟进渲染树以及回流得到的几何信息,得到节点的像素Display : 将像素发送给GPU , 展示在页面上(这边还有很多内容,此处省略)回流:计算这些dom节点在设备视口 (viewport) 内的确切位置和大小,这个过程
2020-10-25 22:43:34
271
原创 Vue双向数据绑定底层原理及代码
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <
2020-10-23 11:02:59
273
原创 layui文档地址
镜像站 · 【强烈推荐】Layui镜像站：https://www.layui.siteLayer:https://www.layui.site/layer/index.htmMobile:https://www.layui.site/layer/mobile/index.htmLayui文档：https://www.layui.site/doc/index.htmLayui示例：https://www.layui.site/demo/index.htmLayer文档：https://www.la
2021-11-22 17:18:53
855
原创 vant weapp 折叠面板不能关闭
这里我只用了监听打开与关闭这两个事件,但发现打开后就一直关闭不了,但是关闭的回调又执行了 <van-collapse bind:open="collapseOpen" bind:close="closeCollapse" accordion value="{{ activeName }}" border='{{false}}'></van-collapse>这时查看官网案例,发现他是三个事件都有使用然后你只需要加一个切换面板的事件就可以正常切换了 <van-c
2021-07-30 10:54:37
1071
原创 小程序中引入van-toast组件引入报错(未找到 van-toast 节点，请确认 selector 及 context 是否正确 #1109)
// jsimport Toast from '@vant/weapp/toast/toast'Toast.fail('失败文案')// html// 标签随意加在哪个位置都行,不会影响布局<van-toast id="van-toast" />
2021-07-29 14:28:46
1000
原创 小程序使用slot利用name属性进行插槽时(具名插槽),页面不加载元素
component页面代码<view> <slot name='title'></slot></view>index页面代码<card> <view class="f-26" slot='title'>我是传入的元素</view></card>此时在index页面中是不会展示任何东西的解决办法:在组件js中加入一行代码// jsComponent({ options: { m
2021-07-26 14:28:01
1040
原创 GET http://192.168.0.104:8080/sockjs-node/info?t=1626862752216 net::ERR_CONNECTION_TIMED_OUT
Vue Get请求报错:GET http://192.168.0.104:8080/sockjs-node/info?t=1626862752216 net::ERR_CONNECTION_TIMED_OUT这个报错对开发并没有影响,如果有强迫症的话可以在开发阶段注释掉,项目上线后不会再出现此问题,所以建议在项目上线时再将注释取消掉解决办法:在node_modules包中找到sockjs-client文件下的dist中的sockjs.js按下快捷搜索键ctrl+f搜索self.xhr.send(payl
2021-07-21 18:33:56
3744
原创 Vue 在页面中手动刷新后路由前会加上/
可以看到,setItem方法中每次存储数据都会转换成JSON格式的字符串图片: https://uploader.shimo.im/f/AaVR4oum2g6j8Jeo.png?accessToken=eyJhbGciOiJIUzI1NiIsImtpZCI6ImRlZmF1bHQiLCJ0eXAiOiJKV1QifQ.eyJhdWQiOiJhY2Nlc3NfcmVzb3VyY2UiLCJleHAiOjE2MjY4NDc3NjgsImciOiJXWXB2VDZ0aHdoeVBnS1h2IiwiaWF0Ijo
2021-07-21 14:09:37
1650
2
原创 使用echarts报错Error: Initialize failed: invalid dom. 解决方法及详解
错误案例一父组件中：<echartsLine :id="numLine" v-if="numData" :lineData="numData"></echartsLine>子组件中： <div :id="id" :style="`width:${width};height:${height}`"></div>解决办法 :父组件传id必须在双引号内加单引号,让值成为string类型,子组件才能正确接收报错信息: MiniProgramError {“errMsg“:“navigateTo:fail page \“pages/
此报错可以理解为找不到路径 const goAdd = () => { Taro.navigateTo({ url: './InputInvoice/index' }) }只需要在app.json中配置路由即可export default { pages: [ 'pages/company/finance/incomeInv/InputInvoice/index' // 公司-财务管理-进项发票新增 ]}...
2020-11-27 17:12:07
7076
原创 小程序运行报错：[渲染层网络层错误] Failed to load local image resource /src/static/uploads/pic_floor01_title.png
错误案例: <view class="floor"> <!-- 标题 --> <view class="title"> <image src="/src/static/uploads/pic_floor01_title.png"></image> </view> </view>正确案例: <view class="floor">
2020-11-02 16:21:00
7262
3
原创 [Vue warn]: Error in v-on handler (Promise/async): “TypeError: Cannot read property ‘status‘ of 问题详解
错误样式:[Vue warn]: Error in v-on handler (Promise/async): "TypeError: Cannot read property 'status' of undefined"found in---> <VanForm> <LoginPage> at src/views/login/index.vue <App> at src/App.vue <Root&
2020-09-29 19:39:30
19101
3
原创 vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop “data“.问题的简单解决 通俗易懂
整体报错翻译过来为: vue.runtime.esm.js吗?2b0e:619 [Vue警告]:道具无效:道具“数据”类型检查失败。期望数组，得到值为""的字符串。报错原因为:这个错误指的是你声明的变量是一个字符串 但是得到的值却是一个数组解决方案:只需要把接收数据的这个变量 换成所期待的那个数据类型即可...
2020-09-29 19:31:18
25277
1
原创 ✖ 1 problem (1 error, 0 warnings) 1 error and 0 warnings potentially fixable with the`--fix` vue详解
✖ 1 problem (1 error, 0 warnings)1 error and 0 warnings potentially fixable with the --fix option.解决方案：VSCode中推荐下载ESLint自动检查错误并报错 （文章下方有报错图片示例）//这是登录表单的数据绑定对象 (注释后面需要加空格)// 这是登录表单的数据绑定对象 loginFormRules: { // 验证用户名是否合法 username:
2020-09-10 21:06:21
8771
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人