web前端开发学习笔记
文章平均质量分 66
web前端开发中遇到的问题总结
花姐夫Jun
前端程序员
展开
-
linux系统装载nginx的笔记
作为一个前端开发,自己部署一个前端项目是不是很正常的事情,所以我在这里记录一下自己在linux环境中通过nginx部署前端项目的步骤,方便后面查看。原创 2024-03-28 12:48:22 · 620 阅读 · 0 评论 -
关于vue中proxy代理的七种使用场景配置
在Vue中,代理(Proxy)是一种将请求转发到其他服务器的机制。它允许你在开发环境中通过一个中间层来处理网络请求,以解决跨域问题或将请求发送到不同的后端服务器。通过代理配置,你可以指定特定的URL路径,将其转发到不同的目标服务器。这在开发过程中特别有用,因为你可以将API请求代理到本地服务器或其他开发服务器,而无需直接连接到真实的后端服务器。devServer。原创 2023-09-27 09:45:30 · 5207 阅读 · 0 评论 -
前端开发必备技能知识笔记-keep-alive(路由缓存)
keep-alive是Vue中一个非常有用的特性,它可以帮助我们避免重复渲染和减少组件的渲染次数,从而提高应用程序的性能。原创 2023-08-02 11:29:21 · 200 阅读 · 0 评论 -
前端常用设计模式学习笔记
设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。设计模式可以分为下面三种类型:1、创建型模式:用来描述 “如何创建对象”,它的主要特点是 “将对象的创建和使用分离”。包括单例、原型、工厂方法、抽象工厂和建造者 5 种模式。2、结构型模式:用来描述如何将类或对象按照某种布局组成更大的结构。原创 2023-04-20 10:46:46 · 135 阅读 · 0 评论 -
arcgis api for 4.x的散装基础知识点-模块规范
javascript模块规范有多种选项可将ArcGIS API for JavaScript引入您的应用程序。最常见的方法是通过ArcGIS CDN使用AMD模块。目前,通行的Javascript模块规范有三大规范:CommonJs和AMD、ECMAScript。ArcGIS API for JavaScript可作为AMD和ES模块使用。从4.0版开始,API已作为AMD交付,例如CDN使用AM...原创 2021-03-29 14:37:35 · 216 阅读 · 0 评论 -
《Vue.js设计与实现》框架设计概览-权衡的艺术(第一章)
1. 命令式和声明式首先我们应该知道什么是命令式,jQuery就是典型的命令式框架,命令式框架的一个最大的特点是关注过程。例如,我们把下面这段话翻译成对应的代码:获取id为app的div标签它的文本内容为hello world为它绑定点击事件点击时弹出提示:ok对应的代码为: $('#app').text('hello world').on('click', () => { al...原创 2022-03-22 14:18:03 · 2233 阅读 · 2 评论 -
前端开发必备技能知识笔记-Echarts图表的导出
Echarts的工具栏。内置有导出图片,数据视图,动态类型切换,数据区域缩放,重置五个工具。但是如果我要自定义按钮实现导出图表的功能呢,如果用工具栏就不是很好满足需求。浏览器端图表库大多会选择 SVG 或者 Canvas 进行渲染。对于绘制图表来说,这两种技术往往是可替换的,效果相近。但是在一些场景中,他们的表现和能力又有一定差异。于是,对它们的选择取舍,就成为了一个一直存在的不易有标准答案的话题...原创 2022-02-17 14:20:30 · 3945 阅读 · 0 评论 -
前端开发必备技能知识笔记-将vue组件上传npm
前言为了统一组件风格和样式,也为了提高开发效率减少重复开发工作,形成自己的UI组件库是必须的,为了使用方便,我们要将它发布到npm上。1、NPM 介绍NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写...原创 2022-02-18 14:45:49 · 847 阅读 · 0 评论 -
前端开发必备技能知识笔记-二级目录的配置
说明在同一个域名下部署多个项目的情况,我们就需要配置使用二级目录。二级目录,就是子目录,继承在主站目录下的,相当于在网站的根目录下再建立一个文件夹存放网站。例如:http://192.168.1.201/mr-resource-viewerhttp://192.168.1.201/mr-miningright-viewerhttp://192.168.1.201/mr-miningrules-vi...原创 2022-03-18 18:30:56 · 2583 阅读 · 0 评论 -
前端开发必备技能知识笔记-Ant design for Vue的table的行合并的代码实现--进阶版...
前面一篇 Ant design for Vue的table的行合并的代码实现,我已经做了table的行合并的简单介绍。那是在一种数据做好了排序的理想状态下可以简单的实现行的合并,但是如果需要进行一些稍微复杂的行/列合并的话会有bug或者没有合并效果。要说的话都在下面代码里/** 行合并 * @author 花姐夫 * @date 2022/4/21 10:05 * @param...原创 2022-04-22 18:37:41 · 1803 阅读 · 0 评论 -
前端开发必备技能知识笔记-vue项目中添加版本号(console显示)
为了方便查看项目发布的版本等基本信息,可以直接 f12 开发者模式下查看,以下代码就是实现读取package.json中的“name”、“description”、“version”等的数据在console中显示。首先需要引入package.json,得到需要显示的信息数据package.json文件引入package.json文件,如果报错有可能是package.json文件的路径错误以下代码实...原创 2022-05-13 10:59:14 · 1528 阅读 · 2 评论 -
前端开发必备技能知识笔记-nginx部署vue项目简易教程
以前都是用IIS部署web项目,但是在很多视频教程中发现用的是nginx部署发布web项目,因此就尝试用nginx发布web项目,以防后面忘记就将步骤记录下来1、下载nginxnginx官网下载解压2、是否成功验证点击nginx.exe执行文件如果输入http://localhost/ 后可以看到Welcome to nginx!的提示就说明成功了3、部署自己的web项目首先npm run bui...原创 2021-08-12 12:20:14 · 117 阅读 · 0 评论 -
前端开发必备技能知识笔记-Ant design for Vue的table的行合并的代码实现
Ant design for vue(后面简称antd)的表格是支持行/列合并,列合并比较简单好弄,直接看官网例子就能搞定,行合并官网例子也有,但是实际运用中还是要根据实际情况改造。下面我就记录一下根据项目需求参考官方例子写的实现行合并的代码,为了后面自己查看方便做这个笔记实现原理这个是官网中实现行合并的主要代码块代码段主要实现原理就是将需要合并的那几行中的其中一行设置rowSpan为要合并的行数...原创 2021-08-18 11:41:59 · 1272 阅读 · 0 评论 -
前端开发必备技能知识笔记-腾讯云服务部署web项目
上一篇 我们介绍了nginx部署vue项目简易教程,但是如果要在公网能够访问到你部署的web项目,就需要用到云服务器,我以前申请过阿里的云服务器所以现在没有免费试用的福利了,于是我现在申请了腾讯云服务。1、云服务器申请我选择的免费试用,可以试用一个月选择好需要的服务后进入管理页面,可以看到选中服务的配置信息注意:现在还没有开机密码,所以我们要先设置密码,点击重置密码设置开机密码2、远程登录云服务器...原创 2021-08-16 14:17:57 · 165 阅读 · 0 评论 -
前端开发必备技能知识笔记-vue项目太大内存溢出解决方法
在开发工作中,我们使用Jenkins实现代码的自动发布部署,经常会遇到FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memoryJenkins报错提示翻译过来就是常见的内存溢出,搜了一下解决方式很简单,就是加依赖和执行一下npm命令解决步骤:1、在p...原创 2021-10-22 14:56:57 · 3320 阅读 · 0 评论 -
前端开发必备技能知识笔记-添加webpack打包后可以配置的文件
我在arcgis api for js地图开发完成后,打包给运维去业主单位部署的时候,常常需要让我更改图层服务的链接再打包好传给他们调试,运维和我都很烦,也常常打断我撸代码。后面直接将可能需要频繁修改的参数集中到一个配置文件中,打包后运维也能在打包文件中找到配置文件进行修改。步骤:添加配置文件(不能用ts文件)public文件夹中添加配置文件LayersConfig.jslet gra...原创 2021-12-17 18:09:39 · 979 阅读 · 0 评论 -
前端开发必备技能知识笔记-vue项目中添加版本号
为了npm打包发布后能够查看当前版本号,可以再打包后的index.html中添加meta标签<meta name="revised" content="定义页面的最新版本"/>为了在打包的时候自动添加meta标签到dist/index.html,package.json中有一个参数是version,可以只用修改这个参数,实现打包后自动修改版本号,直接修改vue.config.js文件...原创 2022-01-20 12:05:34 · 1989 阅读 · 2 评论