202507-25 判断程序是IO密集型还是CPU密集型 判断一个程序是 I/O 密集型还是 CPU 密集型,主要通过观察程序运行时主要消耗的资源是 CPU 计算时间还是等待 I/O 操作(如磁盘读写、网络传输)的时间。以下是几种常用的判断方法和观察指标: .... Read More >
202507-03 Nginx的正向代理与反向代理详解 正向代理和反向代理的概念 代理服务(Proxy),通常也称为正向代理服务。 如果把局域网外Internet想象成一个巨大的资源库,那么资源就分布到了Internet的各个点上,局域网内的客户端要访问这个库里的资源就必须统一通过代理服务器才能对各个站点进行访问。 局域网内的机器借助代理服务访问局域网外的网站, 这主要是为了增加局域网内部网络的安全性,使得网外的威胁因素不容易影响到网内,.... Read More >
202211-28 [转]前端Node命令行交互工具——inquirer使用详解 【转载于】https://www.bilibili.com/read/cv4964252/ 命令行交互工具Inquirer 它有几个特点: 提供错误反馈 询问问题 解析输入 验证答案 管理分层提示 安装 npm install inquirer 使用格式 var inquirer = require('inquirer'); //in.... Read More >
202208-08 SourceTree更新已删除的远端分支和tag 在远端删除分支和tag后,SourceTree上的远端分支列表和tag并不会更新,久而久之分支列表就会越来越多,要同步跟新,需要下面几步。 1.获取git安装路径,终端输入 which git 2.打开SourceTree,偏好设置->自定义操作->添加 3.... Read More >
202207-13 Delete `␍`eslint(prettier/prettier) 错误的解决方案 在Windows笔记本上新拉完代码,在执行pre-commit时,出现如下错误: Delete `␍`eslint(prettier/prettier) 复制代码 下面是几种个人尝试过的解决方案: 解决方案 一、Crtl+S保存文件 按Crtl+S保存当前报错文件,esli.... Read More >
202204-06 position:fixed失效的几种情况 在许多情况下,position:fixed 将会失效。MDN 用一句话概括了这种情况: 当元素祖先的 transform 属性非 none 时,定位容器由视口改为该祖先。 What!还有这种操作?可能有部分同学还没 get 到上面这句话的意思,通俗的讲就是指定了 position:fixed 的元素,如果其祖先元素存在非 none 的 transform 值 ,那么该元素将相对于设定了.... Read More >
202201-18 chrome谷歌浏览器http获取摄像头麦克风音频媒体设备 1. 进入地址:chrome://flags 2. 搜索unsafe:在输入框里输入需要访问媒体设备的网页 http 的地址 3. 右侧选择Enable 4. 点击浏览器下方弹出的Relaunch按钮重启浏览器 注:http获取媒体设备不安全,建议开发者改为https .... Read More >
202112-20 微信H5适配 微信调整字体大小导致Html5页面混乱 最近开发公众号遇到一个问题: iOS、Android 加载页面,如果用户调整了微信自带的字体大小,那么我们的页面就会跟随调整字体大小,导致页面错乱无法适配。所以希望能够禁止微信的字体放大功能。 找了一些方法总结如下: 原理:阻止ios和安卓调整字体大小时候的事件,ios通过添加css属性,安卓通过微信属性去阻止。 iOS系统禁止微信客户端修改字体.... Read More >
202112-20 手机端h5页面字体大小适配 @media 为解决适安卓手机跟苹果手机字体大小和高度不一致的问题; 首先设置初始字体:由于浏览器默认(因为1em=16px,所以0.625em=10px); 设置初始字体大小为62.5%;然后根据不同的屏幕尺寸计算相对应的百分比; 代码如下: //安卓默认360 html,body {width: 100%;font-size: 62.5%;} @media o.... Read More >
202107-13 通过verdaccio搭建私有npm库流程 步骤: 安装verdaccio; 启动 verdaccio; 上传自己的npm包。 前情提要 verdaccio是一个开源的轻量的私有的npm proxy registry(npm代理资源库)。 安装、使用都非常简单; 可以通过yarn/npm直接安装和使用; forked于.... Read More >
202107-08 Taro3.x使用f2图表,f2插件无效,报错 在如下版本中使用F2图表插件无效,报错。 "@antv/f2": "^3.8.9", "@tarojs/taro": "3.2.0", 解决: 在 F2Canvas/index.ts 页面声明插件 重新注册 /** 加载interaction这个交互行为 */ imp.... Read More >
202107-08 taro3.x 引入f2图表,F2Canvas定义 1、安装@antv/f2 npm install @antv/f2 --save 2、封装Canvas组件 F2Canvas.js import React from 'react' import Taro from '@tarojs/taro' import { Canvas } from '@tarojs/components' /** |-----------.... Read More >
202104-27 NodeJS中间层搭建—为什么设计Nodejs中间层 前言 最近碰了个壁,公司开发的一个新项目里我大胆地提出要前后端完全分离,用JavaScript模板引擎、ajax、路由等技术替代繁琐的前后端混合的业务逻辑,项目进行到一半前辈提出来仅仅靠前端的力量无法满足公司对SEO的要求。是放弃之前的工作重新改用后端velocity模板引擎来渲染页面,把工作重心转交给Java后端,还是坚持走全后端分离路线但是另辟一条蹊径呢? 最后又来了个大胆的决定——用nod.... Read More >
202104-09 Nodejs代码是混淆加密 JS代码加密,最担心的是:加密后的JS代码,会被还原为原本的代码吗? 今天,我们就以JShaman加密的Js代码为例,测试一下JShaman加密后的代码是否能被还原。 1、首先,使用JShaman进行一段JS代码加密。 原始代码就用Jshaman提供的例程: function h.... Read More >
202103-18 JavaScript heap out of memory in angular – 堆内存溢出 <--- Last few GCs ---> [54681:0x10264b000] 73532 ms: Mark-sweep 1366.9 (1447.9) -> 1356.6 (1450.9) MB, 991.1 / 0.0 ms (average mu = 0.131, current mu = 0.067) allocation fail.... Read More >
202103-05 推荐几款比较好看HTML admin后台模板 1.H+ (收费版) H+是一个完全响应式,基于Bootstrap3.3.6最新版本开发的扁平化主题,她采用了主流的左右两栏式布局,使用了Html5+CSS3等现代技术,她提供了诸多的强大的可以重新组合的UI组件,并集成了最新的jQuery版本(v2.1.4),当然,也集成了很多功能强大,用途广泛.... Read More >