蒲公英芽的博客

前言工作中遇到的需求：上传相册中的图片，判断这个图片里的二维码是不是微信二维码，如果是则上传到服务器；不是，则提示用户重新上传。百度了下，qrcode.js是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签，再通过 HTML5 Canvas 绘制而成，不依赖任何库。看了看文档，感觉好简单，从github上下载了源码就开干了。可以将 url 转成二维码，但是用 qrcode.decode 时解析二维码图片时，一直提示Github 地址：https://github.com/

一方面是基于环境的优化，如网络环境、服务器资源等，这方面的问题是”硬件“的问题，在前端开发中是解决不了的；另一方面是代码环境的优化：例如Javascript中的DOM 操作优化、CSS选择符优化、图片优化以及 HTML结构优化、按需加载等等。下面我们从这一方面来分析怎样做性能优化；影响性能的关键因素有以下几点： 1. `延迟`，比如网络的延迟； 2. `带宽`，网络环境，流量控制； 3. `DNS解析`，从域名解析成IP的时间。可以在终端里执行 `ping 域名`，查看域名的解析时间；

访问域名服务器（或者公网IP）指向本地开发环境，在本地电脑和公网服务器之间，使用 SSH 打开一个通道，将服务器请求转发给本地。服务器nginx配置修改服务器上nginx的配置文件，将默认的 server 代码注释掉，默认路径为 /etc/nginx/nginx.conf # server { # listen 80 default_server; # listen [::]:80 default_server; # server_n

上一篇文章中讲到使用 SSH通道，当用户发送请求到服务器后，服务器通过SSH通道，将请求再转发到本地环境，实现访问域名服务器（或者公网IP）指向本地开发环境。转发需要一定的时间、这种方式受网络因素的影响比较大。本篇文章介绍另一种实现穿透的方式：使用 vsCode里的 SFTP 扩展。使用SFTP，将本地代码上传到服务器中，修改本地代码，同步服务器中的代码更新，在服务器端启动项目，用户发送请求，直接从服务器端返回数据。1. vsCode中安装 SFTP 扩展vsCode 中安装 SFTP 扩展，扩展工具

什么是客户端渲染 CSR在进行SPA（单页面应用）开发时，大多数都会选择Vue.js。默认情况下，会生成vue组件，输出到浏览器，进行生成 DOM 和操作 DOM。使用vue.js开发的项目在浏览器端是看不到页面内容源代码的。例如下面这个项目，页面中显示的内容如下单击右键查看网页源代码，显示如下图，只能看到主体内容只有一个id为app的div标签，那么页面的内容是从哪里来的呢？很明显，是通...

前言在互联网架构中服务器分为Web服务器和应用服务器。Web服务器：一般指像nginx、apache这类的服务器，web服务器一般只能解析静态资源；应用服务器：一般指像tomcat、jetty、resin这类的服务器，可以解析动态资源，也可以解析静态资源，但解析静态资源的能力没有web服务器好。（关于静态资源和动态资源，在本文的最后有说明）一般都是只有web服务器才能被外网访问，应用服务...

yarn简介：yarn是facebook发布的一款取代npm的包管理工具。yarn的特点：速度超快。Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。超级安全。在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。超级可靠。使用详细、简洁的锁文件格式和明确的安装算法，Yarn 能够保证在不同系统上无差异的工作。...

版本号命名规则主版本号.子/次版本号.修正/补丁版本号.编译版本号当代码变更时，版本号按以下原则更新。如果只是修复bug，需要更新补丁版本号；如果是新增了功能，但是向下兼容，需要更新子版本号；如果有大变动，向下不兼容，需要更新主版本号；软件版本说明Base版本：此版本表示该软件仅仅是一个假页面链接，通常包括所有的功能和页面布局，但是页面中的功能都没有做完整的实现，只是做为整体...

用一个地址来分析：http://127.0.0.1:5500/Js_base/aaa.html等同于 http://localhost:5501/Js_base/aaa.html其中127.0.0.1 是 IP；5500是端口本机电脑的默认 IP 都是127.0.0.1localhost 是域名，等同于默认 IP 地址开启服务后，允许其他用户在同一个局域网内，可以访问指定域下面服务当中...

一、安装git1、通过homebrew安装gitHomebrew是一款Mac OS平台下的软件包管理工具，拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条指令，就可以实现包管理，而不用你关心各种依赖和文件路径的情况，十分方便快捷。在终端上运行$ /usr/bin/ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Ho...

一、新建代码库在当前目录新建一个Git代码库$ git init新建一个目录，将其初始化为Git代码库$ git init [project-name]下载一个项目和它的整个代码历史$ git clone [url]二、配置Git的设置文件为.gitconfig，它可以在用户主目录下（全局配置），也可以在项目目录下（项目配置）。显示当前的Git配置$ git config --...