240 发简信
IP属地:山西
  • 120
    Hexo的Next主题详细配置

    经过一番不懈的努力,我们终于按照Hexo免费搭建一个属于自己的博客搭建好了一个属于自己的博客,并且还安装了一个Next主题,但是我们的博客一开始还是很简陋的,我们需要把她装修...

  • 120
    flex布局下img图片变形的解决方法

    一、flex-shrink: 0 给 img 设置 flex-shrink: 0;flex-shrink 的默认值为1,如果没有显示定义该属性,将会自动按照默认值1在所有因子...

  • 120
    2-Vue-vue-cli脚手架

    0.问题 之前我们用npm管理包,利用webpack打包,将入口文件(导入所有需要的外部链接,减少请求次数,压缩代码,提高效率),通过webpack转换为浏览器识别的代码,但...

  • 工程化 -- Webpack

    工程化,简单来说就是使小作坊生产变成流水线生产,实现自动化、模块化、性能优化等。 自动化可以通过命令行来实现。 实现从SCSS到CSS的自动化 全局安装Node-sass n...

  • Local Storage

    Local Storage是html5提供的API,实质上是一个哈希表。Session是服务器上的哈希表,Local Storage是浏览器上的哈希表。 存值:.setIte...

  • 命令行全局安装和项目安装的区别

    以安装 http-server为例。 首先新建一个目录并进入:touch node-democd node-demo 全局安装http-servernpm install -...

  • Node-sass实现从SCSS到CSS的自动化

    前端不会用SASS是因为不会命令行。用命令行可以实现SCSS到CSS的自动化。 全局安装Node-sass node-sassnpm install -g node-sass...

  • HTTP缓存

    缓存控制Cache-Control Cache-Control是Web性能优化的一种,能加速HTTP请求与响应。 服务器中设置响应头: 30秒内不会再次请求浏览器从内存中把请...

  • Session

    在文章Cookie与登录注册中,我们已经实现了简单的注册和登录功能,并且登录后服务器会给客户端发送一个Cookie,登录后跳转首页可以显示自己的密码。 但是有一个问题:现在的...

  • Cookie与登录注册

    首先,写一个简单的注册页面sign_up.html(前端) 把用户输入的内容放到一个哈希中(前端) 给server.js里添加一个路由,如果请求路径是/sign_up,就显示...

  • setInterval()改写成setTimeout()

    setInterval()方法重复调用一个函数或执行一个代码段,在每次调用之间有固定的时间延迟。setTimeout()方法设置一个定时器,定时器到期后执行一个函数或一段代码...

  • CSS实现固定比例宽高

    需求在一个产品列表中,有若干个item,每个item都左浮,并包含在自适应浏览器宽度的父元素中。在保持item宽高比例固定的情况下,使item元素可以和父元素同比缩放。 方法...

  • 自己实现AJAX

    如何发请求? 用form可以发请求,但是会刷新页面或新开页面;用a可以发get请求,但是也会刷新页面或新开页面;用image可以发get请求,但是只能以图片形式展示;用lin...

  • JSONP是什么

    前端操作数据库 首先,我们试着通过前端来操作一个数据库。数据库是什么?只要能长久的存数据,就是数据库。文件系统是一种数据库。首先我们来做一个简单的加法运算:打开我们自己写的s...

  • 一个简易server

    Tim Berners-Lee写出了第一个网页、第一个浏览器和第一个服务器。网页我们见过,浏览器我们见过,但我们还没见过服务器。了解服务器的原理是非常重要的。 我们可以自己搞...

  • Page Visibility API

    我制作了一个自动播放的无缝轮播:自动播放代码现在我发现它有一个bug:每次切换到其他标签的网页,再切换回来时,播放出现了混乱。 我尝试写如下代码: 也就是每秒打印两次当前时间...

  • 点击别处关闭浮层

    需求:点击button出现浮层,点击别处关闭浮层。我们有一个按钮和一个浮层,浮层内为一个checkbox,浮层默认不显示: 方案一:监听button和document,but...

  • 移动端适配(响应式)

    1. viewport元标签 移动端浏览器在一个比屏幕更宽的虚拟视口(通常为980px)中渲染页面,用户通过平移和缩放来浏览页面不同区域。引入viewport元标签可以让we...