`
文章列表

[置顶] web前端面试题

最近题主在找工作啊。。。发现基础的概念知识点还是需要重拾一下的，在这里就概括一下前端面试遇到的问题及答案。如有错误，请大家指正！！！！ 1、中文的自我介绍 您好：我叫XXX。我是2015年毕业于西安欧亚学院。之前有 ...

会声会影制作mv的学习视频

http://www.le.com/ptv/vplay/24180218.html?ch=baidu_s

纯css 实现动态小火车

    博客分类：
  • css
主要的知识点在于 1、对相对定位绝对定位的学习 2、图片渐变的学习 3、图片阴影的学习 4、border-radius 5、动画 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>纯CSS3实现动态火车行驶特效< ...

css 各种选择器

    博客分类：
  • css
参考链接：https://www.w3cplus.com/css3/basic-selectors

不定数量的子元素，五个一组循环不同的颜色，用css3 nth-child实现

    博客分类：
  • css
注意：这其实是个数学题，我也是看nth-child（an+b） 表示以下标为a的n倍+b偏移量进行计算子元素  两种理解： 第一种：按照概念套思维： 五个一循环，那么1-5为5的第一个倍数，6-10是5的第二个倍数 等等 a是5  n是倍数  b是偏移量 1  5*1-4 2  5*1-3 3  5*1-2 4  5*1-1 5  5*1 6  5*2-4 等等 第二种：数学思维： 如题： 该题中需要五个一组循环 那么假设现在有20个元素，则规律应该是有五组新组成的数据：arr1:[redarr bluearr pinkarr yellowarr greenarr] 0 red:   1 ...

文字加上背景颜色线性渐变动画展示实例

    博客分类：
  • css
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>纯CSS3实现动态火车行驶特效</title> <base target="_blank" /> <!-- < ...

border-image 复合写法解析

    博客分类：
  • css
参考链接：https://segmentfault.com/a/1190000010969367 注：只有一个图片路径的时候必须要有border-image-width属性属性配合使用，要不图片展示不出来 border-image:url() 20 repeat stretch 这个写法包含了三个属性知识点： 1、border-image-source :边框应用图片的路径,值为相对路径/绝对路径/none 2、border-image-slice: 边框应用图片的截取大小， 值是 普通数值/百分比 3、border-image-repeat： 边框应用图片是否重复。值是round/st ...

css media 实例

    博客分类：
  • css
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"> </head> ...

css 各种浏览器兼容前缀写法

    博客分类：
  • css
参考链接：https://www.cnblogs.com/xmlys/p/7716134.html CSS浏览器前缀兼容写法 1、浏览器引擎前缀(Vendor Prefix)有哪些？ -moz-     /* 火狐等使用Mozilla浏览器引擎的浏览器 */ -webkit-  /* Safari, 谷歌浏览器等使用Webkit引擎的浏览器 */ -o-       /* Opera浏览器(早期) */ -ms-      /* Internet Explorer (不一定) */                浏览器  内核                           前缀   ...

css3 伪类伪元素的实例

    博客分类：
  • css
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>css3 伪类伪元素 ...

react-redux 中store action reducer 和组件之间的交互关系理解

学习链接：https://www.jianshu.com/p/21960f78937d 1、props的一般三种来源， 1、在类中调用标签时，标签上的属性 属性值是当前类中的东西 2、标签内部包裹的childern 也是props  在标签那个组件内部是this.props.children 3、react中把路径后面拼接的字符串也认为是props的来源  以params为对象，router为key   ex：  定义：<Route path='/Login(/:router)' component={Login}/> 获取： let params = this. ...

登陆样式

https://meibin08.github.io/react-redux-chat/index.html

react + redux 艰难学习之路

先贴上一张流程图，这是我自己总结的。相对来说应该比网上的流程图容易懂 http://my.iteye.com/admin/picture/138161 学习参考链接：https://segmentfault.com/a/1190000007642740。再次感谢作者啊 先附上项目源码地址和原文章地址：https://github.com/b ...

react 学习链接

1、react 基础：https://hulufei.gitbooks.io/react-tutorial/content/introduction.html 2、react-router 路由：http://react-guide.github.io/react-router-cn/docs/Introduction.html 3、redux http://cn.redux.js.org/ https://segmentfault.com/a/1190000012921279#articleHeader19

webpack 零基础学习

学习链接：https://segmentfault.com/a/1190000006178770#articleHeader3
Global site tag (gtag.js) - Google Analytics