摘要： 前言 这是一个用vue做的单页面管理系统，这里只是介绍架子搭建思路 前端架构 沿用Vue全家桶系列开发，主要技术栈：vue2.x+vue-router+vuex+element-ui1.x+axios 工程目录 项目浅析 webpack打包配置 webpack的配置主要是vue-cli生成的，经过一 阅读全文

摘要： $uibModal&&$uibModalInstance $uibModal和$uibModalInstance是一款angularJS的弹窗控件，github地址 http://angular-ui.github.io/bootstrap/#/modal $uibModal:负责调出弹窗 $uib 阅读全文

摘要： 初识shadow dom 我们先看个input="range"的表现： what amazing ! 一个dom能表现出这么多样式嘛？ 无论是初学者和老鸟都是不肯相信的，于是在好奇心的驱使下，我们打开chrome的开发工具设置 结果发现了input节点里面有我们需要的答案 input节点里面有他表现 阅读全文

摘要： web前端优化手段有很多，同种的优化方式或许在不同的网络协议会南辕北辙，下面就自己结合工作经验和学习总结的一些手段总结 1、合并文件减小请求数：sprite图片的合成、合并脚本与样式。 2、减小文件的大小：压缩代码（html、css、js），压缩图片（在美术和产品能接受的范围内），选择正确格式的图片 阅读全文

摘要： 背景 随着网页功能变得越来越丰富，运营方也经常需要及时的了解用户的需求，收集用户对于当前网页的意见。本专利就是实现一种对网页截图进行标注的功能，在使用html2canvas导出图片后，封装canvas的api对网页截图画箭头，矩形和输入文字标注，最终将标注结果的图片导出。有易用、兼容性强、高性能的特 阅读全文

摘要： 上报数据方式 1、利用图片不受跨域限制，使用图片的src赋值上报 2、使用ajax上报数据 3、使用sendBeacon上传数据 查阅优劣分析之后：https://blog.csdn.net/a460550542/article/details/127709806 团队采用sendBeacon上报 阅读全文

摘要： 计算 LargestContentPaint 1 function observeLargestConentPaint(){ 2 if (!utils.canIUse('PerformanceObserver')) return; 3 new PerformanceObserver((entryLi 阅读全文

摘要： 页面方式 1、ssr.enter：空白窗口打开页面（如浏览器打开：https://www.ctyun.cn/qzdh/b，在https://www.ctyun.cn/qzdh/点击链接选择在新窗口打开） 2、ssr.forward：在已经打开的页面点击链接在本窗口打开页面（在https://www. 阅读全文

摘要： 遍历普通对象 let person = { age: 0, school: '大学', } let hander = { get(obj, key) { return key in obj ? obj[key] : 66 }, set(obj, key, val) { console.log('ke 阅读全文

摘要： Three.js 中，要渲染物体到网页中，必备3个组件：场景 scene、相机 camera、渲染器 renderer。 场景 scene 场景组件包括：* 相机 — 决定哪些东西要渲染到屏幕上* 光源 — 对材质如何显示，及阴影生成产生影响* 物体 — Mesh对象，在相机视图里主要的渲染对象，如 阅读全文

摘要： 单一职责原则（SRP） 一个对象应该只包含单一的职责，并且该职责被完整地封装在一个类中，即又定义有且仅有一个原因使类变更。（功能解耦） 开放封闭原则（OCP) 实体应该对扩展是开放的，对修改是封闭的。即可扩展(extension)，不可修改(modification)。 里氏替换原则（LSP） 一个 阅读全文

摘要： Google Code Review Guidelines Google积累了很多最佳实践，涉及不同的开发语言、项目，这些文档，将Google工程师多年来积攒的一些最佳实践经验进行了总结并分享给众开发者。学习下这里的经验，我们在进行项目开发、开源协同的过程中，相信也可以从中受益。 Google目前公 阅读全文

摘要： 关键词： defineReactive：数据劫持，用来监听获取数据set和get，其中，get将实现发布订阅直接的绑定，set则发布事件，实现订阅者更新 Watcher：观察者，绑定Dept，在dept调用notify时候，触发Watcher回调 Dept：依赖关系，在数据更新的时候（set）,调用 阅读全文

摘要： 核心概念 entry：入口。webpack是基于模块的，使用webpack首先需要指定模块解析入口(entry)，webpack从入口开始根据模块间依赖关系递归解析和处理所有资源文件。 output：输出。源代码经过webpack处理之后的最终产物。 loader：模块转换器。本质就是一个函数，在该 阅读全文