水平居中布局 1.margin + 定宽 <div class="parent"> <div class="child">Demo</div> </div> <sty…

前段时间面试的时候面试题里面对css考察最多的就是div居中对齐的问题，因此特地对div居中对齐的方式做了一个简单的总结，本文的目标就是希望各位在以后根据不同的情况使用不同的居中方式，闲话少说，直接上代码 <div…

一行数据文本内容太多，把页面撑得很长影响美观。该方法可以实现当一行文本内容超过固定长度后，收缩起来，显示一个“展开”按钮，用户一点击后就显示全部内容。当然多行文本也同样适用，（若是全部是中文也可以使用判断判断字符串长度的…

问题 在Vue实例完成之后，将锚点定位到指定元素。 分析： 如何实现，这是一个问题。首先生命周期函数，放在created钩子中，这个时候页面还没有渲染完成，如果进行锚点跳转，很可能就无法跳转到指定位置。因此只能放在生命周…

初级书单 深入理解Bootstrap 7.0 (65人评价)作者: 徐涛 出版社: 机械工业出版社 出版年: 2014-52015年1月19日 赞 回复添加到豆列来自：豆瓣读书 响应式Web设计 7.2 (312人评价)…

如标题所说，本文提供的方法适用于多页面网站，如SPA单页面应用等不适用。 利用window.onpopstate和window.history.pushState 控制浏览器后退键失效，下面说一下如何实现。 1.在你需要…

前言 关于localStorage sessionStorage之类的api怎么用已经无需我再赘述了，但是具体怎么落实到一个稍微复杂一些的业务中还是需要做一些前期的准备 遇见的一些问题 1.localStorage 与 …

1.路由的作用 1.当我们有多个页面的时候 ，我们需要使用路由，将组件(components)映射到路由(routes)，然后告诉 vue-router 在哪里渲染它们。 简单的路由 const routes = [ {…

什么是轮播 轮播，英文slider，也就是幻灯片的意思，我们可以手动或者自动切换一张张的照片达到显示的目的。各大电商网站都会使用轮播来展示商品，可以在相对较小的空间里，实现多种展示。 怎么实现一个轮播 一般，我们可以两种…

使用time元素插入日期和时间 使用time元素，我们可以插入计算机能够识别的日期和时间，同时又能以一种可读的方式显示给用户。那么利用此元素，我们不仅可以为内容添加如发布时间、事件发生时间等信息，还可以利用其他的技术（比…

经常会遇到这样一种情景： 在iframe里嵌入另外一个页面时。如果iframe载入的页面响应较快，或许我们感觉不到页面载入的不同步，但试想，如果一个需要内嵌到iframe里的页面的响应很慢，这里会出现一种什么现象呢？这时…

统一规范的优点： 1）团队开发才会变得更有效率 2）更容易维护 所以在项目中： 1）所有文件统一使用utf-8编码 2）所有文件命名使用英文字符，包括html文件、css文件、js文件、图片等 另外： 1、HTML规范 …