简约靳-CSDN博客

原创 vue 入门小结

Vue.js 是什么Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。Vue 的核心库只关注视图层。1、引入方式：直接下载并用 <script> 标签引入，Vue 会被注册为一个全局变量。初学者可以使用script标签的方式引入，开发的时候是不使用的。最好在</head>之前引入，为了防止出现抖屏的现象。<script src=...

2018-05-22 17:29:18 251

1、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin2、box-sizing属性？用来控制元素的盒子模型的解析模式，默认为content-boxcontext-box：W3C的标准...

2018-04-27 19:18:37 288

转载网页（全屏）背景图实现方式（纯CSS向）

全屏背景的意思就是背景图占满整个浏览器视窗，在没有body其他内容的时候不出现滚动条。就算有滚动条的时候，背景也是固定的，不跟随滚动。对于这类的全屏背景图片的实现，我们需要注意的是，有五种情况：图片很小重复铺满整个视窗被浏览器视窗大小截断宽度占满浏览器视窗而高度被截断根据浏览器视窗大小长宽按比例缩放根据图片与浏览器视窗的相对大小进行缩放或者截断为此我准备了三张图片作为代表。一张是小图，100px*...

2018-04-26 09:48:58 11927

原创 scrollspy（滚动监听）的使用方法

源码文件：Scrollspy.js实现功能1、当滚动区域内设置的hashkey距离顶点到有效位置时，就关联设置其导航上的指定项2、使用滚动监听的话，导航栏必须采用 class="nav"的nav组件才可以。导航必须是 .nav > li > a 结构，并且a上href或data-target要绑定hashkey3、在定义.nav组件的时候，我们需要把.nav放在另一个容器内(比如div...

2018-04-19 13:30:25 8805

原创缩小窗口时CSS背景图出现右侧空白BUG的解决方法

今天做电商网站出现了一个bug，给内容区设置了固定宽度为1000px,当缩窗口时，header 与 nav 的背景图竟然不是铺满整个浏览器窗口了。出现问题的原因是：当窗口缩小时，浏览器默认100%宽度为浏览器窗口的宽度。而忽略了下部内容层固定宽度(1000px)。从而出现了固定宽度大于100%宽度的现象。浏览以此理解来解析页面，就出现了容器宽度理解上的差异，出现了一个非常奇特的BUG。想要解决这类...

2018-04-10 14:59:59 2633

原创 input 与 inline 标签水平不对齐的解决办法

今天做一个网页，input 与 a 高度一致却遇到了平时认为理所当然水平对齐的事情，居然做不到了。。。。细心的小伙伴发现了吗？input 与变成行级块元素的a标签竟然出现了水平不对齐，于是找度娘问问究竟怎么解决！方法1：有的朋友说：input 与图片不对齐，于是为图片增加了 vertical-align： middle；解决了对齐问题；我试了一下，纳尼？这个方法也许只适合你的情况吧！于是我换一...

2018-04-09 12:21:20 2694 1

转载 min-height和min-width的用法总结

max-height，max-height这里我就不做探讨了，相信聪明的你如果理解了min-height，min-width，其他大家自会理解….首先声明min（max）、（width）height，这几个属性系类有一个试用范围应用于：除了非替换行内元素和表元素以外的所有元素1.min-heigh用法：设置一块区域的最小高度，额，似乎听起来有点晕，举个例子吧， <div class...

2018-04-09 11:00:25 8585 1

转载 ps切图（1）——精准切图

方法1：计算机全自动运算切图（适用于图层较少的psd文件，如果图层较多，内容较复杂，那么就非常耗时）>>> 点击菜单栏“文件”，然后点击“导出”，然后点击“将图层导出到文件”，然后勾选相应选项（将仅限可见图层、png24 裁剪、透明、交错都勾上），然后点击“运行”；该方法的特点：会保留图片的阴影，将裁剪的图片命名为图层的名字。方法2：半自动切图（适用于需求量小的切图操作，推荐使用...

2018-04-08 17:24:15 650

转载 DIV+CSS规范命名大全集合

网页制作中规范使用DIV+CSS命名规则，可以改善优化功效特别是团队合作时候可以提供合作制作效率，具体DIV CSS命名规则CSS命名大全内容篇。常用DIV+CSS命名大全集合，即CSS命名规则DIV CSS命名目录命名规则说明重要CSS命名CSS命名参考表命名技巧我们开发CSS+DIV网页（Xhtml）时候,比较困惑和纠结的事就是CSS命名，特别是新手不知道什么地方该如何命名，怎样命名才是好的方...

2018-04-08 16:36:54 223

转载 CSS hack方式一览（解决IE6-IE11,Firefox/Safari/Opera/Chrome兼容问题）

目录(?)[+]做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的，要知道一名好的前端，要尽可能不使用hack的情况下实现需求，做到较好的用户体验。可是啊，现实太残酷，浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协，虽然这只是个别情况。今...

2018-04-08 14:58:03 263

转载 web前端 | 到底怎么学？干货拿走！

1、web前端的基本工作职责 “ 入一行，要先知一行 ”；我们来看看web前端开发职位无论什么门派都要做到的一些基本工作职责。首先，你必须是一个合格的“页面仔”，这个叫法不好听，但很生动。我们都知道，所有呈现的内容都是基于HTML 网页的。如果你的html、css（包括现在的HTML5+CSS3）基础不会，或者不够扎实，都很难在有大的进步，或者你的JS 很好，但布局基础不行，还是不...

2018-03-29 15:34:31 415

转载前端框架，你该如何学习？

结论： * 第一步：基础学习。撸一遍官方的文档及教程（如果有的话），这时候不推荐其他二手教程，因为以正确的姿势学会走路才能让你后面跑得更快。别在一开始的时候学错了姿势； * 第二步：项目驱动学习。要想快速熟练掌握一门框架，少不了大量的写代码。通过项目的方式来写编写大量的代码，可以帮助你快速掌握该框架的用法及踩坑，快速积累经验； * 第三步：求知驱动学习。在求知驱动学习过程中，遇到任何产...

2018-03-29 14:48:34 3971 1

简约靳