- 博客(10)
- 收藏
- 关注
RSS订阅原创 vue模版编译流程
vue中的模板编译的步骤：将template模板转化成ast语法树(拼接字符串)，然后通过new Function + with语法，将ast语法树包装成Render函数，然后生成虚拟节点，然后将虚拟节点挂载到dom树上，生成真实DOM.(1) 将template模板转换成ast语法树 -parserHTML(正则实现)(2) 对静态语法做静态标记 -markUp(3) 重新生成代码 生成render函数返回的是虚拟节点注意：在开发时尽量不要使用template,因为将template转化成rend
2021-12-07 22:33:38
849
原创 解决axios的post请求发送form格式数据，后台接收不到问题
问题描述在开发工作中遇到这样一个问题，后端接口定义的接口的格式为post,但是请求方式为form格式，先设置header中的Content-Type为application/x-www-form-urlencoded，并且在network中看到传参格式为form,但是后端接收到的数据却为空。解决过程请求发送后，我打开控制台一看，content-type，然后也是form data,没问题呀，妥妥的form格式传参呀，但是后台就是接收不到数据，我一度怀疑是后台键名是不是写错了，但是用postman测接口
2021-04-06 21:07:44
2859
原创 解决vue的数组渲染不更新的问题
问题描述vue项目中通过v-for渲染列表，数组数据更新后，视图没有没有同步更新。问题解决经过排查发现是使用v-for渲染列表的时候，采用数组的索引值来绑定key值，所以当数组变化的时候，key并未发生变化，所以就复用了组件，才会出现数组中的内容更新了，但是视图却没有按我们想的那些更改。结论验证 我是根据数组渲染对应的组件。以索引为key的时候，我在子组件的created里打印了一句话，初始化的时候数据有几项，就打印几次，但是数组改变后，就不在打印了。 以唯一的id为key的时候，数组改变
2021-04-05 22:38:58
1644
原创 echarts使用记录
1.折线图（有轴的图）x轴设置刻度的最后一项显示出来xAxis -- axisLabel -- showMaxLabel(最大刻度)，showMinLabel(最小刻度)let option = { xAxis: { axisLabel: { showMaxLabel: true, showMinLabel: true, } }}...
2020-11-18 15:26:51
436
原创 webstorm编辑的集成GIt使用记录
1. merge 合并代码比如将功能分支feature合并到master 上去步骤：先checkout到master,然后选中要合并的feature，左键选中Merge into current （current => 指的是当前所在的master分支） 等下面的进度条执行结束以后，master上的分支就有了feature分支的代码。2. rebase 变基操作...
2020-11-13 14:28:47
460
原创 reduce()用法
数组的reduce()用法用法：对数组的每一项进行累加，最后返回一个总数，arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])reduce()接受一个回调函数和initialValue这个参数 ，数组调用reduce（）时，数组的每一项都会执行传入的回调函数，将结果累加，最终返回一个总值，initialValue累计值的初始值，可选参数回调函数有四个参数，分别是accumulator累加
2020-11-11 23:17:57
782
原创 ajax解决get请求跨域问题
首先要知道Ajax默认是能获取到同源的数据，对于非同源的数据，Ajax默认是获取不到的。同源：（1）协议相同；（2）域名相同；（3）端口相同解决跨域问题的方法及原理： 通过script标签，用script标签的src属性引入一个外部文件，这个外部文件是不涉及到同源策略的影响的。（同源策略是浏览器上为安全性考虑实施的非常重要的完全机制）解决跨域问题：访问外部js文件或者访问外...
2018-12-23 11:17:52
6739
原创 解决浮动效果消失的问题
首先有一个父盒子，里面放两个子盒子，全部左浮代码如下： <div class="w search clearfix"> <div class="logo fl" style="margin-left:0px;"> <img src="../imgs/logo.gif" alt=""
2018-11-23 17:49:13
543
原创 缓动动画原理
offset 偏移量 只读不能写一， offsetLeft/offsetTop 返回距离上级盒子（带有定位的左边/顶端的距离（若无定位，则以浏览器为标准） offsetLeft和style.left的区别(1) style.left只能获取行内样式，offsetLeft 可以获取行内样式和内嵌样式(2) offsetLeft 只读，style.left可读可写(3) o...
2018-09-05 16:28:24
528
1
原创 css基础----选择器
css---层叠样式表；样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中，在 HTML 页的头元素中，或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。css规则--选择器和一条或多条声明；声明由属性和值构成。注意：空格不会影响css在浏览器的工作效果。选择器：基础选择器：标签选择器：页面中的所有此标签都执行这个标签样式 ...
2018-06-07 09:10:22
220
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人