- 博客(12)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Vue源码分析（一）
一、初始化源码目录1.new Vue()当我们new Vue({el:'#app',data:{}}) 时候，这是就要找到Vue的构造函数该文件的路径为src\core\instance\index.jsVue的构造函数 判断环境并且 立即调用this._init()方法，并把参数传入。function Vue (options) { 判断是否为生产环境并且 检查vue是否在this的prototype的原型上 // if (process.env.NODE_ENV
2022-05-02 19:26:45
884
原创 Async/await
Async/await 是以更舒适的方式使用 promise 的一种特殊语法，同时它也非常易于理解和使用让我们以 async 这个关键字开始。它可以被放置在一个函数前面，如下所示：async function f() { return 1;}在函数前面的 “async” 这个单词表达了一个简单的事情：即这个函数总是返回一个 promise。其他值将自动被包装在一个 resolved 的 promise 中。Await:语法如下：// 只在 async 函数内工作let v
2021-09-12 15:32:27
255
1
原创 网易云音乐接口封装
因为最近自己的博客需要添加音乐的模块，于是将网易云接口进行封装，觉得不错，分享一下网易云项目所有接口封装成函数进行导出，使用 async 处理异步import api from './instance'/*** @method 获取轮播图*/export const getBanner = () => api.get('/banner', {})/*** @method 获取热搜列表*/export const getSearchHot = () => api.get(
2021-07-03 11:06:30
834
原创 Code For Better 谷歌开发者之声——Vue+echarts 前后端结合实现大屏数据可视化
一、首先介绍一下数据可视化Echarts数据可视化, 说白了, 就是把数据以更加直观的方式进行呈现. 那什么方式是更加直观的方式呢? 就是图表.常言道, 文不如表, 表不如图, 人们大脑对图的敏感程度要比苍白无力的文字好很多....
2021-06-20 09:50:00
10519
9
原创 Vue-swiper组件封装
一.swiper学习 https://www.swiper.com.cn/ 可以观看以上教程二.自定义组件的封装 自定义封装swiper组件（基于swiper） 注意：防止swipe初始化过早(利用key值和Vue的生命周期)1.引入文件<script src="./js/vue.js"></script><link rel="stylesheet" href="./swiper/css/swipe...
2021-05-09 09:03:26
556
2
原创 Vue实现图书管理
代码效果:本案例利用了Vue的特性，为理解Vue优化代码提供了思路，案例来源于黑马程序员一、图书列表案例 静态列表效果 基于数据实现模板效果 处理每行的操作按钮 1、 提供的静态数据 数据存放在vue 中 data 属性中var vm = new Vue({el: '#app',data: {books: [{id: 1,name: '三国演义',date: ''},{id: 2,...
2021-05-03 10:59:46
3597
2
原创 Vue中数据请求与计算属性
一、数据请求 (1)fetch 为什么使用? XMLHttpRequest是一个设计粗糙的API，配置和调用方式非常混乱， 而且基于事件的异步模型写起来不友好。 兼容性不好，这是W3C的标准，将来如果实现兼容，一定大火//get fetch("**").then(res=>res.json()).then(res=>{console.log(res)}) fetch("**").then(res=>res.tex...
2021-05-03 10:44:28
1644
3
原创 Javascript浅拷贝与深拷贝
首先深拷贝和浅拷贝只针对像 Object, Array 这样的复杂对象的。简单来说，浅拷贝只拷贝一层对象的属性，而深拷贝则递归拷贝了所有层级。对于字符串类型，浅拷贝是对值的拷贝，对于对象来说，浅拷贝只拷贝对象的地址，并没有开辟新的栈，也就是拷贝的结果是两个对象指向同一个地址，修改其中一个对象的属性，则另一个对象的属性也会改变，深拷贝则是开辟新的栈空间，两个对象对应两个不同的地址，修改一个对象的属性，不会改变另一个对象的属性深拷贝，它不仅将原对象的各个属性逐个拷贝出去，而且将原对象各个属性所包含...
2021-04-27 18:36:34
182
3
原创 高仿小米商城html+css+js+vue(部分)
该项目是对小米商城系统的模仿，实现了从浏览到登录页面的仿写，是一个动态项目，实现了前端内容的编写效果图 html代码 部分css代码 部分js代码一、效果图二、HTML代码(部分)<!-- home 首页导航--> <div class="home-hero w"> <!-- 轮播图 --> <div class="slideshow"> <ul c..
2021-04-24 14:06:20
3042
3
原创 Vue中的组件插槽
1.组件插槽<body> <div id="app"> <test-jerry>有bug发生</test-jerry> <test-jerry></test-jerry> </div> <script> /* 组件插槽 在子组件中需要提供一个位置，组件标签中得内容会传递给solt中
2021-04-24 12:58:26
345
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人