杨芋可可

2020年12月13日

摘要：一、技术选型二、搭建相关文件夹结构三、设置视口标签以及引入初始化样式四、设置公共common.less 文件 common.less //设置常见的屏幕尺寸大小，修改里面的html 文字大小 //因为在 pc 端也可以打开苏宁的移动端网页 //我们默认字体大小为 50 px html { fo 阅读全文

posted @ 2020-12-13 22:16 杨芋可可阅读(479) 评论(0) 推荐(0) 编辑

移动 WEB 开发的布局方式 ---- 响应式布局

摘要：一、响应式简介一个页面布局兼容了 PC端，iPad端和移动端所谓的响应式就是页面中的布局会随着屏幕的大小变化发生了响应而做出不同的页面布局模型特点：响应式布局是不需要单独写移动端页面的响应不同的设备来发生变化的二、响应式开发原理三、响应式布局容器栗子： <style> .co 阅读全文

posted @ 2020-12-13 21:23 杨芋可可阅读(251) 评论(0) 推荐(0) 编辑

2020年12月1日

简述 JavaScript 的执行机制

摘要：一、单线程为了解决这个问题，防止下一个任务等待上一个任务等待太长的时间，所以提出了 Web Worker标准，允许 JS 创建多个线程，于是JS出现了同步和异步，异步就是可以同时进行多个任务，这样，大大的提高了我们代码的执行效率栗子：打印结果为：（一）同步任务同步任务都在主线程上执阅读全文

posted @ 2020-12-01 15:22 杨芋可可阅读(76) 评论(0) 推荐(1) 编辑

vuex 的使用详解

摘要：一、vuex 概述（一）组件之间共享数据的方式但是这三种方案，只适合小范围的数据共享，如果我们需要频繁的大范围的进行组件之间的数据共享，那么我们就适合使用 vuex （二）vuex 是什么主要实现数据共享状态值的就是 vuex 中所要共享的全局数据 vuex 就是实现组件之间共享数据的方案阅读全文

posted @ 2020-12-01 12:33 杨芋可可阅读(210) 评论(0) 推荐(0) 编辑

apply 、call 以及 bind 的使用和区别

摘要：一、被apply和call调用的函数中没有传递参数（一）不传参数结果：（二）传递 null 结果：总结： 1.当使用 apply和 call去调用函数并且没有传递参数时，前提这个函数中也没有传递参数，我们发现他们的打印结果和 this 指向是相同的都是指向window 此时相当于 f1( 阅读全文

posted @ 2020-12-01 12:30 杨芋可可阅读(488) 评论(0) 推荐(1) 编辑

2020年10月28日

vue学习笔记（八）---- vue中的实例属性（wacth和computed的使用）

摘要：一、watch属性的使用 1.传统方式实现双向数据改变监听事件（姓名拼接案例） <div id="app"> 姓: <input type="text" value="" @keyup="textChange()" v-model="firstname"/> + 名: <input type="te 阅读全文

posted @ 2020-10-28 22:19 杨芋可可阅读(142) 评论(0) 推荐(0) 编辑

vue学习笔记（七）---- vue中的路由

摘要：一、什么是路由对于普通的网站来说，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源对应单页面的应用程序来说，主要通过URL中的hash（#号）来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容，所以，单页面的应用程序的页面跳转主要用h 阅读全文

posted @ 2020-10-28 22:18 杨芋可可阅读(165) 评论(0) 推荐(0) 编辑

vue学习笔记（六） ----- vue组件

摘要：一、模块化与组件化模块化的定义模块化在Node中是一个规范，定义一些模块的相关的规则，从代码角度上来说，方便做区别，如果不使用模块化，写在js文件中不利于后期维护和扩展，从代码的层面上就把相关的功能脱离出来，所以模块化从从代码的角度触发，分析项目，把项目中一些功能类型的代码，单独抽离为一个个的模阅读全文

posted @ 2020-10-28 22:17 杨芋可可阅读(533) 评论(2) 推荐(2) 编辑

vue学习笔记（五）---- vue动画

摘要：官方文档：https://cn.vuejs.org/v2/guide/transitions.html 一、使用过度类名没有使用动画之前： <body> <div id="app"> <input type="button" value="切换" @click="flag=!flag"/> <h4 阅读全文

posted @ 2020-10-28 22:16 杨芋可可阅读(165) 评论(0) 推荐(0) 编辑

vue学习笔记（四）---- 品牌管理案例

摘要：一、导入相关包 <script src="../lib/vue2.6.10.min.js"></script> <script src="../lib/axios-v0.17.1.js"></script> 二、设置容器 <div id="app"> </div> 三、测试数据能否接收成功 Vue 阅读全文

posted @ 2020-10-28 22:15 杨芋可可阅读(119) 评论(0) 推荐(0) 编辑

公告