06 2021 档案
摘要：什么是npm？npm是nodejs上集成的原第三方包管理工具 注册npm账号 官网地址：www.npmjs.com/ 查看npm镜像，如果之前更换过，需要重置 npm config get registry 重置镜像路径 墙内的同学都习惯用淘宝镜像，这将不能访问npm账号，使用命令切换： npm c
阅读全文
摘要：出现空白页，丢失资源，路由刷新404等问题 解决办法一般为vue.config.js修改配置，默认配置的路径资源打包后请求不到： const isProduction = process.env.NODE_ENV 'production' module.exports = { publicPath:
阅读全文
摘要：目前已集成为vue-cli-plugin，可以直接使用自动化配置，无需手动配置。 --以下正文-- 以往在使用eslint对代码进行规范的时候，经常遇到校验与自动化格式化规则不同的问题，比如eslint中规定末尾必须使用分号，那么你开发工具中代码美化插件也需要配置相应的格式化规则，这是比较麻烦的，所
阅读全文
摘要：假设在一个列表中，用户滑动几页点击了详情，此时若再回到列表页，页面状态都已经刷新，用户又需要再进行滑动，这显然是不合理的。 在PC端我们有很多天然优势可以处理这类问题，比如使用分页器让列表不要过长，比如打开详情跳转个新标签页，又或者将详情页面做成抽屉，做成遮罩弹窗等等。。但是在移动端开发中，我们无法
阅读全文
摘要：0. 背景介绍： 移动端混合开发，APP中90%的内容均为内嵌H5，由于种种原因，我在客户端内无法使用单页面路由跳转，只能新开窗口跳转页面，于是被迫形成了“多页面”的情形。（即使是连贯的页面） 1. 需求场景 例如当处于一个列表中，此时点击某一项跳转至详情进行操作，并改变了这一项的状态，那么列表也需
阅读全文
摘要：在做商城类项目的时候，我们可能都会经历过“优惠券”这类需求，笔者在过往工作中，都是直接要求UI切图来实现，直到有一天产品告诉我一个奇思妙想：这个优惠券的宽度会随内容变化的！一下子让我陷入了人生的大思考，这样图片方式可不好整呐，因此萌生一个想法：能不能用纯css实现这些效果呢？ 0. 内倒角 首先我们
阅读全文
摘要：回顾下Vuex 先vue-cli工具直接创建一个项目，勾选Vuex，其他随意： 创建完毕自动安装依赖，之后启动项目，熟悉的helloworld ~ 简单写个demo运行看看，后面会逐步实现一个myVuex，来达到相同的期望运行结果： src/store/index.js ： import Vue f
阅读全文
摘要：一个遵循PromiseA+规范的函数，个人认为解决了callback异步回调地狱的问题，注意是callback方式的回调地狱，promise本身也可以存在回调地狱，需配合ES7特性async、await才能做到完全解决回调地狱。 Promise主要特点 Promise 会有三种状态，「进⾏中」「已完
阅读全文
摘要：首先上一段代码： const obj = { age: 1 } // 定义一个对象 let age = obj.age // 将对象的age属性赋值给一个变量 obj.age++ // 对象的age属性发生了变化 console.log(`age=${age}`, obj); // 输出结果： ag
阅读全文
摘要：前段时间在用框架开发H5页面时，碰到框架中的组件内置了一个属性用于适配异形屏，虽然是组件内部实现的，但这个方式让我萌生一个想法：能不能自己写一个属性来实现这样的功能？ 经过一番思索，我发现Vue的指令模式就很像属性的写法，在Vue中，我们利用模板指令诸如v-if v-for等完成了许多工作，而Vue
阅读全文
摘要：这是我参与更文挑战的第14天，活动详情查看 更文挑战 概念分析： 服务端渲染（SSR） 更好的⾸屏性能 更利于 SEO，爬虫可以直接抓取已渲染的内容 客户端渲染 前后分离，⻚⾯的交互 同构：服务端和客户端都可以运⾏的同⼀套代码 同一套代码，复用率，可维护性增强 同时具有SSR与前后端分离的优势，利于
阅读全文
摘要：面向对象编程的特点 封装：使用对象的人无需考虑内部实现，只考虑功能的使用。 继承：为了代码的可复用。 多态：不同对象 作用于同一操作产生不同结果。 JS如何创建对象 普通方式 const A = new Object() A.attribute = '' // 定义属性 A.fn = functio
阅读全文
摘要：闭包的应用 闭包是指有权访问另外一个函数作用域中的变量的函数.可以理解为(能够读取其他函数内部变量的函数) 0. 封装私有变量 function Person0() { this._attackVolume = 100; } Person0.prototype = { /** ... **/ };
阅读全文
摘要：call函数 先从改变this指向上简单实现一个方法添加到Function的原型链上： Function.prototype.myCall = function (content) { content.fn = this const result = eval(`content.fn()`) ret
阅读全文
摘要：当年懵懂无知的我被问到这个问题时，脑袋一片空白，因为我一度认为forEach只是为了方便书写所创造出来的语法糖，在业务代码中也经常使用，但没有思考过它存在的问题，本文旨在记录自己的心路历程，抛砖引玉，如果对你有所帮助那就更好啦。 那么回到标题，首先forEach是不能使用任何手段跳出循环的，想知道问
阅读全文
摘要：重新梳理了一下，个人认为Vue中组件通信思想与React一致，都是单向数据流，高阶流向低阶(父传子)，子组件只可通知父组件，此时数据还是在父级变更而不是发生流动。 1. props 高频使用 父组件向子组件传递参数。 Vue文档: props 2. $emit 高频使用 子组件通知父组件执行对应函数
阅读全文
摘要：这是我参与更文挑战的第8天，活动详情查看 更文挑战 0. 事件流以及事件委托机制 在如图这样一段html结构中，我们点击button，同时也是点击了div、body、以及窗口，此时需要规定事件触发的顺序。 如果直观地认为是点击了button则应该直接触发button的事件，外层div和body我们是
阅读全文
摘要：自动化部署原理：git提交代码仓库会向你配置的服务器发送一条记录，服务器解析记录分析对应的项目以及判断该分支提交该做哪些操作，然后执行预设的shell脚本，我们使用Jenkins来处理hook响应。 Jenkins依赖Java环境，默认服务器已经安装好Jdk与Tomcat 0. 开始安装 先下载wa
阅读全文
摘要：这是我参与更文挑战的第6天，活动详情查看 更文挑战 随着业务数据的增长，Mysql压力增大，单表储存会严重影响读写的高效性，为解决这一问题，分表分库和历史数据迁移等解决方案就应运而生了，但在某些场景下这些解决方案还是存在问题，例如聚合查询等。而ElasticSearch作为实时的分布式搜索和分析引擎
阅读全文
摘要：这是我参与更文挑战的第5天，活动详情查看 更文挑战 前言：作为程序员为什么要写技术博客，一方面是为了养成做笔记做总结的习惯，一方面也能做些有用的知识分享，提高写作能力，其实有很多不错的博客平台都可以用，比如在掘金发布博客文章，但是如何在不需要域名空间和博客程序下，低成本的拥有属于自己的博客网站呢？
阅读全文
摘要：0. 路由懒加载 路由组件不使用直接引入，而是匿名函数返回形式，如下注释可以定义编译后的js文件名，在未进入该路由时此js文件的内容将不会被请求到： { path: '/home', component: () => import(/* webpackChunkName: 'base' */ '@/
阅读全文
摘要：工作中总结的一些常见的前端问题处理方案，持续总结与记录，上班才能更愉快地摸鱼(划掉) CSS篇 0. 文本自动换行bug 假设一个宽度固定的div内有一段文字，那么浏览器默认处理方式会比较傻，纯中文下乍一看没问题，但英文与数字混搭等情况容易出现bug，此时解决方法有两种css方法： word-wra
阅读全文
摘要：JavaScript俨然是热度最高的编程语言之一，作为前端开发在工作中总离不开写JS，但有些疑问总在我脑海中：它与Java到底什么关系？所谓的ES、TS又是什么？现在就让我们一起走进JS的前世今生吧。 LiveScript 说到JavaScript的起源，就不得不和web的发展联系到一块，起初由于网
阅读全文
浙公网安备 33010602011771号