240 发简信
IP属地:四川
  • 页面元素选中了吗?

    业务上实现了一个选中组件,然后拖拽移动组件,在做的过程中发现组件移动的过程中时不时会选中页面中的文本元素。 在寻找根源之前,先看一下一个网页中W3C规定了哪些需要开发者介入处...

  • 120
    你不懂的source map功能

    最近负责做一个比较大型的前端编辑器项目,里面涉及很多前端npm包相互引用,为了更好的调试,需包与包的引用之间能够通过devtool调试,但是为了使用调试功能,必须source...

  • service

    顾名思义就是勇于管理Linux操作系统中服务的命令 格式 描述service是在一个预定义的环境中启动一个系统初始化脚本,移出了大部分的环境变量,工作目录也是切换到/目录 执...

  • 如果要绘制一个页面的点击热力图,目前团队的监控平台是按每小时对收集的数据聚类10px * 10px小块的点,求一个聚合点包含权重,最简单的权重就是计算这一小块上点击的次数,一天就是计算24次,最后绘制图行

    前端热力图制作

    最近做一个项目,需要绘制热力图,但是发觉现成的库封装都很不灵活heatmap.js百度Echarts等都有封装 参考百度echarts的热力图插件,我整理了一下绘制热力图的思...

  • 标准输入输出

    标准输入是程序从命令行接受参数,标准的shell命令行会打开三个标准文件,stdin-标准输入 stdout-标准输出 stderr-标准错误输出 结合多种语言来说明标准输入...

  • 个人服务管理建议

    记录服务安全配置,后续慢慢更新 1. 建议禁用root 远程登录 操作步骤 2. 管理员 3. sudo权限配置 可以开通一个零时普通账号,准许外网链接 4 ssh配置只准许...

  • @蓝馨很拽 不会哦

    前端热力图制作

    最近做一个项目,需要绘制热力图,但是发觉现成的库封装都很不灵活heatmap.js百度Echarts等都有封装 参考百度echarts的热力图插件,我整理了一下绘制热力图的思...

  • 120
    Vue框架解读

    作者一直在使用vue的框架开发各种管理台界面,最近随着产品页面越来越多,组件使用的数据越来越多时,页面的卡顿和掉帧很厉害,促使作者去解读一下vue源码 Vue的生命周期 直接...

  • 120
    web页面渲染性能-概述(谷歌开发规范)

    作为一名web开发,总是希望自己开发web页面具有交互性并且运行顺畅,为了顺畅运行,滚动应与手指的滑动一样快,并且动画和交互应如丝绸般顺滑 60fps与设备刷新率 目前大多数...

  • 120
    配置viewport

    最近项目中需要开发内嵌的H5页面,viewport不是很熟悉,故来翻译一下此篇文件加深理解原文 配置viewport IOS上的safari使用一种缩放的工作模式来展示pc端...

  • npm包发布流程

    最近发布npm包的过程中,发现npm有很多对整个流程很友好的命名 包的定义 包的版本更新 beta、aplha版本管理 正式包 包的定义 前端开发已经离不开npm,我们可以把...

  • http协议之浏览器缓存

    前端静态资源并不是每一次都发生变化,那么浏览器会根据协议定义的缓存头来缓存静态资源 关于浏览器的缓存头有 cache-control last-modified expire...

  • Linux命令行快捷键

    现在使用mac作为开发机器,经常使用命令行,掌握命令行很关键 命令说明备注ctrl + l清屏幕ctrl + m等效回车ctrl + c中断正在执行的程序ctrl + p搜索...

  • linux性能监控

    CPU 使用情况 linux 下没有想window下面的任务管理器可以直接查看CPU使用占比 以及每一核使用情况。但是Linux 有如下命令 mpstat: mpstat 不...

  • JS抽象语法树(AST)

    什么是抽象语法树 抽象语法树(Abstract Syntax Tree)也称为AST语法树,是源代码语法所对应的树状结构。也就是说,一种编程语言的源代码,通过构建语法树的形式...

  • $() ${} $(()) (()) 区别

    $() $() 与 `` 命令类似 用来做命令替换操作 ${} 变量替换 {file:0:5} $(()) 它是用来作整数运算的 在 bash 中,$(( )) 的整数运算符...

  • du/df

    linux磁盘管理 df 用户展示磁盘使用 -a 现实所有文件系统的文件-B 指定打印单位, -BM--total 展示共同信息-h 以刻度的尺寸打印数据-H 类似h 但是...

  • Object详解

    标准形式 原型 Object.prototype 标准方法 Object.assign() 前拷贝 Object.create() 使用一个原始对象,创建一个新对象 Obje...

  • nodejs 常用包

    常用包列表 小程序 https://github.com/wechat-miniprogram

  • 小程序更新机制

    运行机制 小程序启动会有两种情况,一种是「冷启动」,一种是「热启动」热启动: 假如用户已经打开过某小程序,然后在一定时间内再次打开该小程序,此时无需重新启动,只需将后台态的小...