- 博客(20)
- 收藏
- 关注
RSS订阅转载 Vue学习笔记(4)-带参数路由，嵌套路由，编程式导航
路由传参 明确使用场景：后期很多业务可能需要传递参数，如编辑时需要传递ID 如果在路由配置中添加参数设置 { name:'Product', // 添加路由的参数配置,参数的标识就是: // id这个名称你可以随意，它就相当于一个形参，它所影响不是你如何传递参数，而是后期如何获取参数 pat...
2019-09-22 01:59:00
217
转载 Vue学习笔记整理-长期更新
从入门到实战 1、Vue.js 第1章 Vue常用指令学习 2、Vue.js 第2章 钩子函数&自定义指令&过滤器&计算属性&侦听器 3、Vue.js 第3章 axios&Vue过渡动画 4、Vue.js 第4章 组件与路由 5、Vue学习笔记(4)-带参数路由，嵌套路由，编程式导航 6、Vue.js 第5章 webpack配置 7、...
2019-09-21 01:55:00
347
转载 JS数组&&数组对象去重
数组去重 面试中经常问的一道题，使用JS写一个函数，对数组进行去重。 1.使用ES6的newSet()方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=...
2019-09-17 04:26:00
418
转载 Vue学习笔记(3)-品牌管理系统
技术点 钩子函数 自定义指令 自定义过滤器 计算属性 监听属性 自定义指令 为什么需要自定义指令？ 为了代码复用和灵活。 指令的分类： 全局指令： 在vm实例外面创建的指令； 通过Vue.directive来创建； 局部指令：以后补充 如何定义自定义指令?（不用赋值） Vue.directive(指令名称, {inserted(...
2019-09-15 23:09:00
285
转载 Vue学习笔记(2)-组件生命周期
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...
2019-09-15 14:08:00
99
转载 7种方法实现数组去重
参考：https://juejin.im/post/5aed6110518825671b026bed 转载于:https://www.cnblogs.com/sauronblog/p/11520885.html
2019-09-15 00:22:00
171
转载 原生JS实现 ‘Tab栏切换’，‘手风琴’，‘轮播图’效果
1.小天使跟随鼠标效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l...
2019-09-14 12:34:00
484
转载 死磕JavaScript变量和函数的预解析
预解析:在解析代码之前做一些处理 预解析做什么处理？ 把变量的声明提前了----提前到当前所在的作用域的最上面 函数的声明也会被提前---提前到当前所在的作用域的最上面 那么我们现在开始举几个例子 1、观察下方的第一个红框中的代码，猜猜它的结果是什么？ 通过运行我们发现，代码竟然神奇的没有报错？但是输出的也不是下面赋值的1而是undefined，这到底是为什么呢？其...
2019-09-12 19:33:00
107
转载 Flex布局实战(1) 携程旅游
项目地址：https://github.com/C4az6/xiechen 在线演示地址：https://c4az6.github.io/xiechen/ 转载于:https://www.cnblogs.com/sauronblog/p/11487309.html
2019-09-08 23:21:00
379
转载 Vue学习笔记(1)-常用指令
为什么学习Vue 企业需要 可以提高开发效率 - M => Model(数据模型)- V => View(视图模型,负责将数据模型转化成UI展现出来，就是那些DOM结构)- VM => ViewModel(一个同步View和Model的对象) Vue初体验 <!DOCTYPE html> <html lang="en">...
2019-09-04 11:42:00
235
转载 学城在线静态页面
做完Vue的项目和小程序的项目之后发现静态的知识点忘了很多，今天花了3个小时写了个页面就当是好好复习一下。 项目地址：https://github.com/C4az6/Online_Learning_City_Project 在线预览地址：https://c4az6.github.io/Online_Learning_City_Project/ 转载于:https://www....
2019-09-02 17:41:00
116
转载 CSS基础(7)
1.元素的显示和隐藏 display:none/block visibility:hidden/visible 两者的区别： display:none的元素，不占原来标准流的位置了，在页面是也看不到了，但是源码中还有对应的标签。 visibility:hidden的元素，占据原来的标准流位置，在页面中看不到，源码中有对应的标签。 2.元素中内容的溢出隐藏 overfl...
2019-09-01 10:11:00
85
转载 CSS基础(6)
1.为什么要学习定位 1.为了解决页面中特殊的页面效果 2.为了元素能够在页面中灵活的进行移动 2.定位的属性 主要包括两部分： 定位模式：static relative absolute fixed 偏移量: top right bottom left 3.静态定位 .box { position: static; } 特点： 1...
2019-09-01 09:59:00
102
转载 CSS基础(5)
1.浮动的特点 1.浮动的元素不占用标准流的位置 2.浮动特性会让行内元素和块级元素都变成行内块元素，具有行内块的特性. 行内块的特点：宽高起作用，可以一行显示多个，margin,padding四面都有效 3.如果父盒子中有子盒子的话，一般的用法就是，让子盒子，要浮动都浮动，要不浮动都不浮动。 4.父盒子中的子元素，无论如何浮动，都不会超出父盒子。 5.浮动的元素跟上一个元...
2019-09-01 09:29:00
89
转载 CSS基础(4)
1.细线表格 <style> table { border: 1px solid red; border-collapse: collapse; /*将单元格之间的间距给合并*/ } td { border: 1px solid red; } </style> ...
2019-09-01 09:13:00
95
转载 CSS基础(3)
1.背景透明 background-color:rgba(0,0,0,.2) 2.背景大小 background-size: 取值：可以是像素单位 ，也可以是百分比 <style> .box { width: 600px; height: 600px; border: 1px solid blue; ...
2019-09-01 08:57:00
104
转载 CSS基础(2)
1.结构伪类选择器 span:first-child 选择span元素的父元素中的第一个子元素,第一个子元素还必须得是span标签 span:last-child 选择span元素的父元素中的最后一个子元素,最后一个子元素还必须得是span标签 span:nth-child(n) 选择span元素的父元素中的第n个子元素,第n个子元素还必须得是span标签 注意是从前面开始查...
2019-09-01 08:41:00
89
转载 CSS基础(1)
1.CSS的发展历程 随着HTML的成长,HTML本身自带了一些样式功能，这就导致了HTML越来越杂乱，HTML页面也越来越臃肿, 于是CSS便诞生了. 2.CSS介绍 CSS(Cascading Style Sheets) CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距...
2019-09-01 08:28:00
96
转载 HTML基础(2)
1.IP地址 ip地址是用来定位网络中的终端设备 个人PC 移动端设备等... 127.0.0.1 是每个人的电脑的私有IP，只会显示个人电脑 192.168.102.130 是局域网的个人PC的地址，每个人的都不一样 2.列表标签 1.无序列表 结构如下： <ul> <li>列表1</li> <li&g...
2019-09-01 08:12:00
116
转载 HTML基础(1)
1.认识网页 网页的构成：文字，图片，超链接，音频，视频以及flash等构成 网页中的代码需要由浏览器来渲染和解析 2.常见的浏览器 1.IE浏览器 2.谷歌浏览器 3.火狐浏览器 4.safari浏览器 5.Opear浏览器 每个浏览器内核都包括两部分：渲染引擎(用来渲染html+css)和解析引擎(用来解析javascript代码) 3.WEB标...
2019-09-01 07:57:00
156
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人