随笔分类 - 前端
摘要：一、前言 vue-cli是构建vue单页应用的脚手架，输入一串指定的命令行从而自动生成vue.js+wepack的项目模板。这其中webpack发挥了很大的作用，它使得我们的代码模块化，引入一些插件帮我们完善功能可以将文件打包压缩，图片转base64等。后期对项目的配置使得我们对于脚手架自动生成的代
阅读全文
摘要：CSS 语法 提示: 使用空格分隔多个滤镜。 Filter 函数 注意: 滤镜通常使用百分比 (如：75%), 当然也可以使用小数来表示 (如：0.75)。 给图像设置一个阴影效果。阴影是合成在图像下面，可以有模糊度的，可以以特定颜色画出的遮罩图的偏移版本。 函数接受<shadow>(在CSS3背景
阅读全文
摘要：1.第一种方式 HTML CSS JS 2.第二种方式 HTML CSS JS Loading图标网站：https://icons8.com/preloaders/ 3.第三种方式 其他待更新！
阅读全文
摘要：从jQuery API 文档中可以知道，jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数： properties：一组包含作为动画属性和终值的样式属性和及其值的集合 duration(可选)：
阅读全文
摘要：参数说明 menu 默认值：false，一个选择器可以用来指定要与滚动互动的导航菜单，有点类似与Bootstrap的滚动监听。这样到滚动到某个section时，对应的菜单会被自动添加active类。 注意，这个选项不会自动生成一个导航菜单，仅仅是给指定的菜单中当前菜单项添加一个active活动类。
阅读全文
摘要：兼容性: 支持 IE8+ 及其他现代浏览器。 主要功能： 1.支持鼠标滚动； 2.支持前进后退键盘控制; 3.多个回调函数; 4.支持手机.移动设备; 5.支持窗口缩放自动调整; 6.可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等; 7.支持CSS3动画; 实现方法： 1.插入
阅读全文
摘要：一、简写语法 Emmet 用和 CSS 选择器相似的语法来描述元素的嵌套层级关系和属性，实现 HTML/XML/CSS 等代码的智能自动补全。 其通过文件名后缀识别文件类型，从而使用对应的自动补全语法。默认自动补全快捷键为制表符（Tab）。 下文中的“自动补全”均指“按下快捷键后自动补全”。 注意：
阅读全文
摘要：一、Flex 布局是什么？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 行内元素也可以使用 Flex 布局。 Webkit 内核的浏览器，必须加上-webkit前缀。 注意，设为 Flex 布局以后，
阅读全文
摘要：为什么清除CSS浮动这么难？ 因为浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。 解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。 我根据自己的
阅读全文
摘要：一，css进阶篇： 等css哪些事儿看了两三遍之后，需要对看过的知识综合应用，这时候需要大量的实践经验， 简单的想法：把qq首页全屏另存为jpg然后通过ps工具切图结合css转换成html，有无从下手的地方可以用firebug, chrome调试工具分析网站结构样式。如果技术熟练自信可以自己先写，写
阅读全文
摘要：1. 布局框架： Bootstrap: http://getbootstrap.com/ Foundation: http://foundation.zurb.com/ Uikit: http://www.getuikit.com/ Web Components:http://css-tricks.
阅读全文
摘要：共同点：都是保存在浏览器端，且同源的。区别：cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制co
阅读全文
摘要：bfc定义：块级格式化上下文，他是一个独立的渲染区域，他规定了这个内部如何布局，并且与这个区域的外部毫不相干。BFC布局规则： 内部的Box会在垂直方向，一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠每个元素的margin box的
阅读全文
摘要：左侧固定宽，右侧自适应屏幕宽； 左右两列，等高布局； 左右两列要求有最小高度，例如：200px;（当内容超出200时，会自动以等高的方式增高） 要求不用JS或CSS行为实现； 仔细分析试题要求，要达到效果其实也并不是太难，只是给人感觉像有点蛋疼的问题一样。但是你仔细看后你会觉得不是那么回事： 左边固
阅读全文
摘要：一、关于textarea文本域以及高度自适应 textarea标签为表单元素，一般用在多行文字的输入。在web应用上常见的是评论输入框，微博信息输入框等。例如企鹅微博的输入框： 作为多行文本域功能来讲，textarea满足了我们大部分的需求。然而，textarea有一个不足就是不能像普通div标签一
阅读全文
摘要：晨读单词： onmouseover:鼠标移入 onmouseout:鼠标移出 attribute：属性 node：节点 document:文档 element：元素 textNode：文本节点 append：追加 回顾之前已经使用过的事件： onfocus/onblur:聚焦离焦事件，用于表单校验的
阅读全文
摘要：ECMAScript 1.语法 2.变量：只能使用var定义，如果在函数的内容使用var定义，那么它是一个局部变量，如果没有使用var它是一个全局的。弱类型！ 3.数据类型：原始数据类型(undefined/null/string/number/boolean) 4.语句： 5.运算符：==与 的区
阅读全文
摘要：今日新增单词（更多属性查看手册） form：表单 （要提交的就要用这个括起来） action:行动(提交的路径) method：方法(提交的方式) get（链接有新内容） post（显示内容隐蔽一点） input：输入 type：类型 text：文本(文本输入项) password：密码 radio
阅读全文
摘要：案例一：网站信息显示页面1.什么是HTML？(Hyper Text Markup Language:超文本标记语言)超文本：功能比普通文本更加强大标记语言：使用一组标签对内容进行描述的一门语言(它不是编程语言)2.为什么要学习HTML？ 网站前端 3.语法和规范？HTML文件都是以.html或者.h
阅读全文
浙公网安备 33010602011771号