经过一番不懈的努力,我们终于按照Hexo免费搭建一个属于自己的博客搭建好了一个属于自己的博客,并且还安装了一个Next主题,但是我们的博客一开始还是很简陋的,我们需要把她装修...
经过一番不懈的努力,我们终于按照Hexo免费搭建一个属于自己的博客搭建好了一个属于自己的博客,并且还安装了一个Next主题,但是我们的博客一开始还是很简陋的,我们需要把她装修...
一、flex-shrink: 0 给 img 设置 flex-shrink: 0;flex-shrink 的默认值为1,如果没有显示定义该属性,将会自动按照默认值1在所有因子...
0.问题 之前我们用npm管理包,利用webpack打包,将入口文件(导入所有需要的外部链接,减少请求次数,压缩代码,提高效率),通过webpack转换为浏览器识别的代码,但...
工程化,简单来说就是使小作坊生产变成流水线生产,实现自动化、模块化、性能优化等。 自动化可以通过命令行来实现。 实现从SCSS到CSS的自动化 全局安装Node-sass n...
Local Storage是html5提供的API,实质上是一个哈希表。Session是服务器上的哈希表,Local Storage是浏览器上的哈希表。 存值:.setIte...
以安装 http-server为例。 首先新建一个目录并进入:touch node-democd node-demo 全局安装http-servernpm install -...
前端不会用SASS是因为不会命令行。用命令行可以实现SCSS到CSS的自动化。 全局安装Node-sass node-sassnpm install -g node-sass...
缓存控制Cache-Control Cache-Control是Web性能优化的一种,能加速HTTP请求与响应。 服务器中设置响应头: 30秒内不会再次请求浏览器从内存中把请...
在文章Cookie与登录注册中,我们已经实现了简单的注册和登录功能,并且登录后服务器会给客户端发送一个Cookie,登录后跳转首页可以显示自己的密码。 但是有一个问题:现在的...
首先,写一个简单的注册页面sign_up.html(前端) 把用户输入的内容放到一个哈希中(前端) 给server.js里添加一个路由,如果请求路径是/sign_up,就显示...
setInterval()方法重复调用一个函数或执行一个代码段,在每次调用之间有固定的时间延迟。setTimeout()方法设置一个定时器,定时器到期后执行一个函数或一段代码...
需求在一个产品列表中,有若干个item,每个item都左浮,并包含在自适应浏览器宽度的父元素中。在保持item宽高比例固定的情况下,使item元素可以和父元素同比缩放。 方法...
如何发请求? 用form可以发请求,但是会刷新页面或新开页面;用a可以发get请求,但是也会刷新页面或新开页面;用image可以发get请求,但是只能以图片形式展示;用lin...
前端操作数据库 首先,我们试着通过前端来操作一个数据库。数据库是什么?只要能长久的存数据,就是数据库。文件系统是一种数据库。首先我们来做一个简单的加法运算:打开我们自己写的s...
Tim Berners-Lee写出了第一个网页、第一个浏览器和第一个服务器。网页我们见过,浏览器我们见过,但我们还没见过服务器。了解服务器的原理是非常重要的。 我们可以自己搞...
我制作了一个自动播放的无缝轮播:自动播放代码现在我发现它有一个bug:每次切换到其他标签的网页,再切换回来时,播放出现了混乱。 我尝试写如下代码: 也就是每秒打印两次当前时间...
需求:点击button出现浮层,点击别处关闭浮层。我们有一个按钮和一个浮层,浮层内为一个checkbox,浮层默认不显示: 方案一:监听button和document,but...
1. viewport元标签 移动端浏览器在一个比屏幕更宽的虚拟视口(通常为980px)中渲染页面,用户通过平移和缩放来浏览页面不同区域。引入viewport元标签可以让we...