忞月の博客

要快乐哦！

0%

发表于 更新于 分类于

前言

没错就是计网实验，不想看c的socket编程，摸鱼到HTML5的websoket，一探究竟

通信协议已经有了HTTP协议，为什么还要有websocket新协议？

HTTP痛点：通信只能客户端发起！！

基于单点请求的特点：注定了如果服务器有连续的状态变化，客户端想获知很麻烦！

—-人们想到轮询

但是，轮询效率很低，浪费资源（HTTP连接keep-alive）

于是引入今天的主角：websocket

阅读全文 »

发表于 更新于 分类于

前言

前端工程化离不开打包构建工具，vue项目开发，有官方的脚手架工具VueCLI帮助我们集成了webpack相关模块，十分方便

但是，学习vue-ssr时，我们不得不动手自己配置打包构建程序。

下面是我的踩坑日志！

阅读全文 »

发表于 更新于 分类于

前言

为什么要使用服务端渲染呢？传统的客户端
（SPA单页应用程序）有什么不足？

  • 更好的SEO：

    服务端渲染是，首屏的html由服务端生成直接发送给浏览器，浏览器直接对“有内容的html”进行解析，而不是含有各种引用的html。google和并对同步js有很好的索引能力

  • 更快的内容到达时间：同构的思想，使得无需等待所有的js都完成下载才显示页面；拿到服务端的html直接显示，浏览器端同构加载其他的异步代码作为完善。

这篇博文也是学习官方指南做的相应笔记，，，

开始吧！

阅读全文 »

发表于 分类于

前言

终于学完Vue2.x的基本语法知识，下面开启实战项目的学习

管理大型Vue项目，不能像之前写demo一样在html文件中

  • 现在开始使用Vue-CLI官当脚手架工具（横向对比create-react-app）
  • 使用Vuex来全局管理数据（横向对比redux）
  • 使用Vue-router对前端路由进行管理（横向对比react-router）

下面开始吧！

阅读全文 »

发表于 更新于 分类于

前言

前面跟着官方文档学习了基础部分

下面深入学习Vue进阶内容

阅读全文 »

发表于 更新于 分类于

前言

鹅厂实习要用vue，害当初还考虑选框架react or vue？

全都要 ！呜呜呜

阅读全文 »

发表于 分类于

前言

前端的面试经常会问到的问题：

  • 你了解登录嘛？

  • 怎么实现登录状态保持？

  • 单点登录是什么？

  • 了解什么第三方登录手段？

阅读全文 »

发表于 分类于

前言

了解过js调度的应该都明白，js中定时器不是精确的延时，这个延时受到服务端传送延时，前端渲染和其他事件阻塞的影响。那么，我们应该怎样实现相对精确的计时呢？

阅读全文 »

发表于 分类于

1.如何实现0.5px边框

  • 利用缩放transform: scale(0.5, 0.5)
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>边框0.5px实现方法</title>
    <style type="text/css">
      .container {
        width: 500px;
        margin: 0px auto;
      }
      .border-scale {
        position: relative;
        padding: 10px;
      }

      .border-scale:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0;
        /* background-color: #f00; */
        /* height设为1px，用background-color效果是一样的*/
        border-top: 1px solid #f00;
        transform: scaleY(0.5);
      }
    </style>
  </head>
  <body>
    <div class="container">
      <h3>方案一：使用缩放</h3>
      <div class="border-scale">原理： 在Y轴方向上，压缩一半。</div>
    </div>
  </body>
</html>

思路二：background-image: linear-gradient( , , )

  • 拓展：四条边框
阅读全文 »

发表于 分类于

移动端适配方案

适配前的问题

  • 每个设备的物理像素大小都是固定的，根据设备分辨率而定
  • 分辨率越来越大（物理像素越小），难道我们的图片显示就越来越小嘛？

引出逻辑分辨率，设备像素比（dpr）

  • 1px边框问题？不同浏览器不同
阅读全文 »