前端学习
文章平均质量分 90
极客不撩妹
有个无大不大的圈子缚着你,明白它是什么,便可乘雷上天,恣意变化,若不明白,练一辈子,也难以技进乎道,总在圈子里转悠。
展开
-
Vue底层实现原理 - 深入响应式原理
深入响应式原理写在前面如何追踪变化检测变化的注意事项对于对象对于数组声明响应式 property异步更新队列写在前面本篇是Vue底层原理的学习笔记,想要用好一个工具,最重要的就是能理解他的内在原理,所以在用了Vue小半年后,我决定好好研究一下Vue的响应式原理。如何追踪变化当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的 property,并使用 Object.defineProperty 把这些 property 全部转为 getter原创 2021-08-06 15:00:06 · 1031 阅读 · 0 评论 -
Vue单元测试
Vue单元测试前言前端测试Vue中的测试KarmaMocha断言库前言为什么需要测试测试是完善的研发体系中不可或缺的一环。前端同样需要测试,你的CSS改动可能导致页面错位、JS改动可能导致功能不正常。尽管测试领域工具层出不穷,在前端的自动化测试上却实施并不广泛,但是前端偏向界面所以还是有很多人依旧以手工测试为主。前端测试虽然很多公司有自己的测试部门,而且前端开发大多不涉及测试环境,但鉴于目前前端领域的快速发展,其涉及面越来越广,前端开发者们必然不能止步于目前的状态。我认为学好前端测试,不仅仅原创 2021-01-21 17:01:24 · 421 阅读 · 0 评论 -
Vue框架学习-Vue综合运用
前言本文是Vue框架学习的第四部分-Vue的综合应用,主要学习。学习资料来源是B站的一个教学视频,我在文末会附上链接。案例练习-音乐播放器功能:歌曲搜索按下回车(v-on .enter)查询数据(axios 接口 v-model)渲染数据(v-for 数组 that)歌曲播放歌曲封面歌曲评论播放动画mv播放...原创 2021-01-18 15:11:05 · 204 阅读 · 1 评论 -
Vue框架学习-Vue网络应用
前言本文是Vue框架学习的第三部分-Vue的网络应用。学习资料来源是B站的一个教学视频,我在文末会附上链接。axios基本使用功能强大的网络请求库<script src="http://unpkg.com/axios/dist/axios.min.js"></script>axios.get(地址?key=value&key2=value2).then(function(response){},function(err){})axios.post(地址,{ke原创 2021-01-15 11:55:11 · 200 阅读 · 0 评论 -
Vue框架学习-Vue本地应用
Vue本地应用前言v-text指令v-html指令v-on指令基础前言本文是Vue框架学习的第二部分-Vue的本地应用。学习资料来源是B站的一个教学视频,我在文末会附上链接。v-text指令作用:设置标签的文本值(textContent)默认写法会替换全部内容,使用差值表达式{{}}可以替换制定的内容内部支持表达式<div id="app"> <h2 v-text="message">这里的内容将不显示</h2> <h2>{{ mess原创 2021-01-12 20:37:34 · 285 阅读 · 1 评论 -
Vue框架学习-Vue基础
Vue基础前言简介第一个Vue程序安装声明式渲染el:挂载点前言本文是Vue框架学习的第一篇文章,Vue框架学习总共大概有4部分,本文从第一个部分Vue基础开始学习。学习资料来源是B站的一个教学视频,我在文末会附上链接。简介JavaScript框架相比较于JQuery这样的JS库,Vue框架的功能更为强大,但是为了使用Vue,必须遵守一整套规则。简化DOM操作不再需要去获取元素,再进行操作,Vue自动实现这一功能。响应式数据驱动页面由数据来生成,当数据改变以后,页面会同步更新。第一原创 2021-01-08 22:55:34 · 262 阅读 · 2 评论