02 2020 档案
摘要：表单提交：将用户在input中输入的内容提交给服务器 1.传统的表单提交： 1）将所有的input包裹到一个form中 2）form设置action（服务器地址） 3）input/button的类型是submit 4）点击submit，自动将所有的数据提交到服务器 弊端：提交时会自动进行页面的跳转，
阅读全文
摘要：1.继承 继承指一个元素如果没有设置某属性的值，该属性就会跟随父元素的值；css中有些属性可以继承，如color、font size、line height等 一个元素如果有设置某属性的值（无论自己设置还是浏览器设置的），就是用自己设置的值 不能继承的属性，一般可以使用inherit值强制继承 注意
阅读全文
摘要：默认每次跳转一个路由会销毁原路由对应的组件并创建新路由对应的组件，不会保留状态 如果希望保留状态，可以使用keep alive keep alive是Vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染 router view是一个组件，如果直接被包含在keep alive内，所有路径匹
阅读全文
摘要：全局守卫 全局守卫按照创建顺序调用 1.前置守卫 注意，如果有嵌套路由，则不能直接使用to.meta 可以在to或者from中找到matched数组，里面存有父路由与子路由的属性 2.后置钩子 后置钩子（afterEach）不需要使用next() 路由独享守卫 组件内守卫 const Foo = {
阅读全文
摘要：传递参数主要有两种类型：params及query params的类型： 1.配置路由格式：/router/:id 2.传递方式：在path后面跟上对应的值 3.传递后形成的路径：/router/123 /router/abc 使用router link: 使用代码的方式： 接收参数时使用$route
阅读全文
摘要：比如在home页面中，希望通过/home/news及/home/message访问一些内容 一个路径映射一个组件，访问这两个路径也会分别渲染两个组件 实现嵌套路由有两个步骤： 1.创建对应的子组件，并且在路由映射中配置对应的子路由 2.在组件内部使用标签 路由配置： 父组件(home)：
阅读全文
摘要：某些情况下，一个页面的path路径可能是不确定的，比如进入用户界面时，希望是如下的路径/user/aaa或者/user/bbb，除前方的/user外，后面跟着用户id，这种path与Component的匹配关系，称为动态路由（也是路由数据传递的一种方式） router下的index.js route
阅读全文
摘要：1.to属性 用于指定跳转路径 2.tag属性 该属性用于指定router link渲染成什么组件 3.replace属性 该属性不会留下历史记录，因此指定replace的情况下，不能后退到上一条记录(直接写属性名即可，不用设置属性值) 4.active class 当某个router link被选
阅读全文
摘要：1.Vue内部如何监听数据的改变 通过Object.defineProperty监听对象属性的改变 2.当数据发生改变时，Vue如何通知界面进行刷新 通过发布订阅模式
阅读全文
摘要：1.text decoration 该属性用于设置文本的装饰线 1.none（默认值）：无任何装饰线 可以去除a元素默认的下划线 2.underline：下划线 3.overline：上划线 4.line through：中划线（删除线） 2.letter spacing(字符间距)与word sp
阅读全文
摘要：base标签需要放在head标签中 标签为页面上的所有链接规定默认地址或默认目标。 通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。 使用 ``标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其
阅读全文
摘要：1.hash方式 URL的hash即锚点（ ），本质上是改变window.location的href属性 可以直接通过赋值location.hash来改变href，但是页面不发生刷新 `location.hash='/aaa'`这两个实际路径是一致的 路径显示：http://192.168.0.10
阅读全文
摘要：h元素（h1 h6）有助于SEO优化，可以促进关键词排名 但是建议在网页中最多只有一个h1标签 乱用h元素不仅不会给网站带来好的权重，同时有可能被搜索引擎默认作弊
阅读全文
摘要：1.安装vue router 2.使用vue router 3.使用router view及router link router link标签默认会渲染为a标签，比如to属性值为/home且为hash模式时，会被渲染为该a标签：``
阅读全文
摘要：环境变量配置 环境变量可以在以下文件中配置： 文件内部使用键值对的方式对变量进行配置 被载入的变量将会对 vue cli service 的所有命令、插件和依赖可用,同时为一个特定模式准备的环境文件的 (例如 .env.production) 将会比一般的环境文件 (例如 .env) 拥有更高的优先
阅读全文
摘要：white space有四个值： 其中空白合并表示多个空白符会合并为一个空格 pre与pre wrap的区别在于当文字占满一行时，pre不会自动换行，而pre wrap会自动换行（即使没有换行符） 将文本显示为省略号可以使用下面的方式： white space: nowrap; // 不换行 ove
阅读全文
摘要：1.已知宽高的元素的水平居中方案 方案一 方案二 绝对定位盒子特性： 1.水平方向：left+right+width+padding+margin=包含块padding区域尺寸 2.垂直方向：top+bottom+height+padding+margin=包含块padding区域尺寸 2.未知宽高
阅读全文
摘要：经典粘连布局:有一块内容,当的高度足够长的时候，应该紧跟在元素的后面；当元素比较短的时候（比如小于屏幕的高度），我们期望能够粘连在屏幕底部 移动端可以添加如下meta标签：``，以解决字体过小的问题
阅读全文
摘要：1.如果html标签及body标签中只有一个标签具有overflow属性，该属性将作用于文档（即视窗是否显示滚动条） 2.如果html标签及body标签中均具有overflow属性，则html将控制视窗的滚动条，而body将控制body的滚动条 3.使用absolute的定位模拟fixed的定位 注
阅读全文
