一篇文章教会你使用JS+CSS实现一个简单加载进度条的效果
大家好，我是前端进阶者，今天给大家来做个小项目，一起来看看吧一、前言我们经常在网页上，游戏界面加载时会看到加载进度条的效果，我们往往会以为这些加载进度条的效果，很难实现。今天教大家JSCSS结合做简单一个加载进度条的效果。二、项目准备软件：HBuilderX。三、项目实现1\.body创建2个div，外部div添加id"progress"属
《精通react/vue组件设计》之用纯css打造类materialUI的按钮点击动画并封装成react组件
前言作为一个前端框架的重度使用者,在技术选型上也会非常注意其生态和完整性.笔者先后开发过基于vue,react,angular等框架的项目,碧如vue生态的elementUI,antdesignvue,iView等成熟的UI框架,react生态的antdesign,materialUI等,这些第三方UI框架极大的降低了我们开发一个项目的成本和
CSS 右侧固定宽度 左侧自适应 或者 三列布局 左右固定 中间自适应的问题
一： 右侧固定宽度左侧自适应 第一种方法：左侧用marginright，右侧float：right 就可以实现。 HTML代码可以如下写: <div <ahref""target"_blank"我是龙恩</a </div <div
NGINX 设置缓存时间
设置缓存原因一般的web项目，如果是前后不分离，采用模板生成页面的话，可以灵活控制js,css等静态文件的版本号。来避免浏览器缓存的问题但是目前是前后分离了，虽然前端发版都每次指定了版本号，但是发现有时候发版的时候，还是因为浏览器缓存导致了查看页面有时候出点小问题。因此为了避免浏览器缓存可能导致的问题，因此严谨一点NGIN
Python网络爬虫四大选择器（正则表达式、BS4、Xpath、CSS）总结
前几天小编连续写了四篇关于Python选择器的文章，分别用正则表达式(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fwww.toutiao.com%2Fi6511646916554523143%2F)、BeautifulSoup(https://www.oschina.net/ac
Sketch 和 PS中的设计图如何实现“自动切图”？
切图是很多UI设计师的一项日常工作。平时做完设计图，要将设计稿切成便于制作成页面的图片，并标注好尺寸和间距，交付给前端来完成htmlcss布局的静态页面，有利于交互，形成良好的视觉感。但有的认为前端自己会切图是最好，不建议把切图的事情丢给设计师做。这样中途会损耗结构讲解的开销（比如网页层级，细节重构方案等），毕竟最后css是前端去码，怎么切最合适要自己
HTML5 & CSS3初学者指南(2) – 样式化第一个网页
介绍我们已经使用基本的HTML编写了一个网页。但是，写出来的HTML代码的网页看起来很平淡，没有吸引力。!(https://static.oschina.net/uploads/img/201701/18121047_c6cf.png)如何改善这种很平淡的页面呢？让我们开始使用网页的基本样式来改善页面效果，我们将会使用到C
JS操控CSS样式完成小球自由落体运动，和大家分享一下制作心得。
这篇心得本应该在一个月之前和大家一起分享的，由于本人比较懒，也几乎没有写博客的习惯，所以迟了一些。有一些内容只是一些个人的废话，可看可不看，毕竟在国内的应试教育下，大家基础物理知识都是很扎实的： （废话）（背景：下面讨论的物体运动默认为宏观角度）一般情况下，物体在三维空间所发生的位移都可以解析为若干连续的在二维空间所发生的位移的和，同理，物
2014年百度阿里前端面试（一面）
先说下百度：百度的笔试题目是相对较简单的，都是些基本知识例如html里面的空元素，块级元素，行内元素，第二题是link和@import引入css的区别，第三个是一个函数输出的题，也很简单，往后的几个是提升网站性能，还有一个域名劫持，最后一个是一个编程题让把一个数按照1000，000，000这样的状态输出，总之都不是很难；百度被称为是炮灰的坟墓，进入面试的人很
2014年百度阿里前端面试（一面）
先说下百度：百度的笔试题目是相对较简单的，都是些基本知识例如html里面的空元素，块级元素，行内元素，第二题是link和@import引入css的区别，第三个是一个函数输出的题，也很简单，往后的几个是提升网站性能，还有一个域名劫持，最后一个是一个编程题让把一个数按照1000，000，000这样的状态输出，总之都不是很难；百度被称为是炮灰的坟墓，进入面试的人很