- 浏览: 108353 次
- 来自: 西安
最新评论
-
MoonLord:
其实不需要删文件,修改一个值就好了,参考:https://gi ...
Beyond Compare应用程序发生错误的解决方法
文章列表
[置顶] 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实现动态火车行驶特效< ...
参考链接:https://www.w3cplus.com/css3/basic-selectors
注意:这其实是个数学题,我也是看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 伪类伪元素 ...
学习链接: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. ...
登陆样式
- 博客分类:
- 现成网站登陆界面样式
- css
https://meibin08.github.io/react-redux-chat/index.html
react + redux 艰难学习之路
- 博客分类:
- react
先贴上一张流程图,这是我自己总结的。相对来说应该比网上的流程图容易懂
http://my.iteye.com/admin/picture/138161
学习参考链接:https://segmentfault.com/a/1190000007642740。再次感谢作者啊
先附上项目源码地址和原文章地址:https://github.com/b ...
react 学习链接
- 博客分类:
- 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 零基础学习
- 博客分类:
- webpack
学习链接:https://segmentfault.com/a/1190000006178770#articleHeader3