Animation前言好的前端工程师，会更注重用户的体验和交互。那么动画就是将我们的静态页面，变成具有灵动性，为我们的界面添加个性的一种方式。下面是七喜的官方主页，它就是很好的富交互样例。鼠标移动到导航栏，就会播放多种动效，给用户一种酷炫的体验。我觉得用户体验，才是前端工程师更加关注的问题，而不是...
Transition & Animation记得很早以前使用过css动画，但是当时写起来感觉很混乱。大概是不太了解Transition & Animation这两个属性的关系，他们分别控制动画的哪些操作，因此，今天整理一下这两个动画中，经常用到的属性。CSS3中,动画允许在多个关键...
前端知识学习 function validateIdCard (idCard) { let vcity = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑...
CSS3 Animation之前一直在用cocos等编辑器做动画，最近想学习一下使用CSS3实现一些基本的动画。所以，将这两种动画开发模式，进行对比学习或许会有更深的理解与体会。什么是动画在学习CSS3动画之前，我们必须先介绍一个什么是动画，动画都具有哪些特性。动画是将静止的画面变为动态的艺术．实...
前端知识学习Day.js，Moment.js 的 2kB 轻量化方案，拥有同样强大的 APIFileSaver.js，HTML5文件保存html2canvas，Screenshots with JavaScript，html转换为canvasSimpleMDE Markdown EditorLayu...
前端知识学习在创建JavaScript模块时，export 用于从模块中导出实时绑定的函数、对象或原始值，以便其他程序可以通过 import使用它们。被导出的绑定值依然可以在本地进行修改。在使用import 进行导入时，这些绑定值只能被导入模块所读取，但在 export 导出模块中对这些绑定值进行修...
实现透明的css方法通常有以下3种方式，以下是不透明度都为80%的写法：css3的opacity:x，x 的取值从 0 到 1，如opacity: 0.8css3的rgba(red, green, blue, alpha)，alpha的取值从 0 到 1，如rgba(255,255,255,0.8...
智一面的面试题提供python的测试题使用地址：http://www.gtalent.cn/exam/interview?token=10737428be8e0c037c28caaeb8038b69有不少学Python的同学问小千一个问题，那就是我学Python但是我不会敲代码，不知道从哪里开始怎么...
第一部分：什么是CSS Hack？CSS hack是通过在CSS样式中加入一些特殊的符号，让不同的浏览器识别不同的符号（什么样的浏览器识别什么样的符号是有标准的，CSS hack就是让你记住这个标准），以达到应用不同的CSS样式的目的。例如：1、margin属性在ie6中显示的距离会比其他浏览器中...
理论基础CSS3 animation 属性和 @keyframes 规则主体思想准备相同大小的多个图片将要展示图片横排放在一个图片容器里面在图片容器外再加一个展示容器，展示容器大小为图片大小给图片容器添加自定义动画，在动画不同阶段设置递增的偏移值注意事项动画效果分为切换和停留两部分自定义动画阶段与...
智一面的面试题提供python的测试题使用地址：http://www.gtalent.cn/exam/interview?token=10737428be8e0c037c28caaeb8038b69 学Python的小伙伴越来越多，有些同学就怀疑了，这么多人去学Python能赚钱吗？今天小千就来给大...
不开头了，直接进入主题。普通背景模糊效果如下：使用属性：filter:(2px) 1####普通背景模糊为了美观不能使背景前的文字模糊，而filter属性会使这整个div的后代并且还会出现白边。也就是说无法达到这个效果。怎么办呢？我们可以使用伪元素，这样我们也顺便解决了白边的问题。实现思路：在父容...
智一面的面试题提供python的测试题使用地址：http://www.gtalent.cn/exam/interview?token=10737428be8e0c037c28caaeb8038b69 学Python最常见的两种方式，报班学习和自学，对于很多同学来说很纠结到底是选择哪一个比较好，毕竟P...
八、页面布局1.简介常见页面布局：表格布局div布局2.表格布局2.1 简介不适用于复杂布局，仅用于简单 、有规则的结构定位相对准确，与浏览器基本无关，适用于简单分隔2.2 用法table常用样式的属性border在表格外围设置边框border-spacing设置单元格之间的距离（相当于table标...
前端知识学习我们可以使用扩展操作符(...)将不同的对象合并为一个对象，这也是合并两个或多个对象最常见的操作。这是一种合并两个对象的不可变方法，也就是说，用于合并的初始两个对象不会因为副作用而以任何方式改变。最后，我们得到了一个新对象，它由这两个对象构造而成，而它们仍然保持完整。我们创建两个对象并合...
六、定位方式1.简介通过position属性实现对元素的定位，有四种定位方式常用取值：取值含义说明static默认值按照常规文档流进行显示relative相对定位相对于标签原来的位置进行的定位absolute绝对定位相对于第一个非static定位的父标签的定位fixed固定定位相对于浏览器窗品进行定...
五、盒子模型1.简介盒子模型是网页布局的基础，将页面中所有元素都看作是一个盒子，盒子都包含以下几个属性：width 宽度height 高度border 边框padding 内边距margin 外边距2.盒子模型2.1 border表示盒子的边框分为四个方向：上top、右right、下bottom、左...
四、常用CSS属性1.字体属性设置字体相关的样式属性含义说明font-size大小、尺寸可以使用多种单位font-weight粗细 font-family字体 font-style样式 font简写 1.1 font-size取值：inherited继承，默认从父标签继承字体大小（默认值），所有CS...
三、选择器1、基础选择器1.1 标签选择器也称为元素选择器，使用HTML标签作为选择器的名称以标签名作为样式应用的依据1.2 类选择器使用自定义的名称，以 . 号作为前缀，然后再通过HTML标签的class属性调用类选择器以标签的class属性作为样式应用的依据注意事项：调用时不能添加 . 号同时调...
前端知识学习众所周知，JS 是一门单线程语言，可是浏览器又能很好的处理异步请求，那么到底是为什么呢？JS 的执行环境一般是浏览器和 Node.js，两者稍有不同，这里只讨论浏览器环境下的情况。JS 执行过程中会产生两种任务，分别是：同步任务和异步任务。同步任务：比如声明语句、for、赋值等，读取后依...
