-
vite对比webpack的启动速度提升在哪里？
webpack 原理图 vite 原理图 webpack webpack会先打包，然后启动开发服务器，请求服务器时直接给予打包结果。 vite vite是直接启动开发服务器，请求哪个模块再对该模块进行实时编译。 优势： 由于现代浏览器本身就支持ES Module，会自动向依赖的Module发出请求。 vite充分利用这一点，将开发环境下的模块文件，就作为浏览器要执行的文件，而不是像w…- 725
- 0
-
Vite 和Webpack 的核心对比？
全方位对比vite和webpack 一. webpack原理 1. webpack打包过程 1.识别入口文件 2.通过逐层识别模块依赖。（Commonjs、amd或者es6的import，webpack都会对其进行分析。来获取代码的依赖） 3.webpack做的就是分析代码。转换代码，编译代码，输出代码 4.最终形成打包后的代码 2. webpack打包原理 1.先逐级递归识别依赖，构建依…- 677
- 0
-
Git 常用命令大全 (总结篇)
Git 命令速查表 1、常用的Git命令 命令 简要说明 git add 添加至暂存区 git add–interactive 交互式添加 git apply 应用补丁 git am 应用邮件格式补丁 git annotate 同义词，等同于 git blame git archive 文件归档打包 git bisect 二分查找 git blame 文件逐行追溯 git branch 分支管理 …- 646
- 0
-
前端JS、CSS版本控制
前言 最近面试，问道js,css版本控制问题，一时间忘记，没答上来，下来查阅资料，整理一下。 问题 用户 首次 通过浏览器打开网页时都会对 JS、CSS 文件 进行缓存，以便在下次打开时可以直接从缓存中取出，而不用重复地向服务器 再次请求；当用户再次通过浏览器浏览某个网页，浏览器在加载网页中包含的各个资源（JS、css、图片）时，先会判断缓存中是否已经包含了此资源（当然这与Header中定义的Ca…- 598
- 0
-
Linux运维必须要掌握的命令
Linux 命令 一、文件管理 1.1 cd 语法：cd [dirName] 功能：用于切换当前工作目录至 dirName(目录参数)。 说明：其中 dirName 表示法可为绝对路径或相对路径。若目录名称省略，则变换至使用者的 home 目录 (也就是刚 login 时所在的目录)。另外，"~" 也表示为 home 目录 的意思，"." 则是表示目前所在的…- 659
- 0
-
2021年web前端面试集锦
一. HTML、CSS相关 html5新特性、语义化 语义化标签 ： header nav main article section aside footer 语义化意味着顾名思义，HTML5的语义化指的是合理正确的使用语义化的标签来创建页面结构，如 header,footer,nav，从标签上即可以直观的知道这个标签的作用，而不是滥用div。 语义化的优点有: 代码结构清晰，易于阅读，利于开发和…- 1.1k
- 0
-
Linux服务器远程软件选择XShell还是PuTTY
在运维Linux服务器进行安装脚本软件的时候，选择SSH客户端软件到底用哪一款比较合适。其中这个同学有提到我们常用的XShell、PuTTY、SecureCRT，可见他还是有做过功课的，不过SecureCRT软件是不建议使用的，因为是付费软件，没有必要花钱，即便网上有破解版，可能有后门风险，所以不建议安装。 那对于XShell和PuTTY软件，都是不错的软件。前者虽然有付费版本，但是对于我们个人来…- 698
- 0
-
Vue项目优化首页加载速度
一、路由懒加载 { path: '/index', component: () => import('@/views/index'), //懒加载-访问该页面才加载 } 这一步之后，打包后会发现很大的chunk-vendors.xxxxxxx.js不见了，其实是分成了不同的js文件 二、使用CDN引入 <script src="http…- 833
- 0
-
Vue SEO的四种方案
众所周知，Vue SPA单页面应用对SEO不友好，当然也有相应的解决方案，通过查找资料，大概有以下4种方法。 1.Nuxt 服务端渲染应用部署 (SSR服务器渲染) 关于服务器渲染：Vue官网介绍 ，对Vue版本有要求，对服务器也有一定要求，需要支持nodejs环境。 使用SSR权衡之处： 开发条件所限，浏览器特定的代码，只能在某些生命周期钩子函数 (lifecycle hook) 中使用；一些外…- 995
- 0
-
VSCode打造成为开发神器
VSCode现在是世界上最为常用的编辑器之一，为什么被称为编辑器，是因为它不像IDE一样集成了大量开发环境的配置，必须你手动配置很多东西，才能将它打造成为一个趁手的生产工具。 VSCode最大的优势就在于它是完全免费的，你不需要支付任何费用，就可以得到一个开发各种代码的编辑器，也正因为它具有高拓展性，它可以用来编写Python、C++、C#、GO、Dart等一系列语言。 你可以通过下面的插件将VS…- 1k
- 0
-
2021 年你应该尝试的 8 个 React 库
1. react-select 一个厉害的，强大的表单下拉选择框的库 代表了一种开发功能强大的 react.js 组件的全新方式，这些组件在完全可定制的同时开箱即用。 突出的功能特性 灵活的数据处理方法，具有可定制的功能。 灵活结合 emotion 这个库(一个 css in js 的强大的库 ). 组件注入API，用于完全控制UI行为。 选项组、portal 支持、动画等。 安装: npm i …- 992
- 0
-
Linux 环境下 Oracle 数据库常用命令
一、Oracle 数据库实例、用户、目录及session会话查看 1.1 ORACLE SID 查看设置 查看SID、用户名 $ env|grep SID 、select * from v$instance、select instance_name,host_name from v$instance; 查看数据库所有用户及用户状态： SQL> select usernames,account…- 3.6k
- 0
-
H5用axios代替Ajax调取服务器接口
功能需求： 普通ajax调取后台接口需要写很多代码，且不好统一管理token 所需材料： HTML页面 , Config.js , Api.js 正文部分： 第一步：在a.html引入vue.js, axios文件, a.js, config.js 和 api.js,路径自己配好 <script src="https://cdn.bootcss.com/vue/2.5.17-be…- 988
- 0
-
webpack配置proxy反向代理，解决跨域问题
目的：为了解决前端和后端联调数据，出现的跨域问题,通过配置反向代理，可以更好的联调数据 常见跨域场景 (1)同一域名，不同端口 http://www.nsdn.cn:8000/a.js http://www.nsdn.cn/b.js (2)同一域名，不同协议 http://www.nsdn.cn/a.js https://www.nsdn.cn/b.js (3)域名和域名对应相同ip http:/…- 2.5k
- 0
-
从0到1搭建webpack2+vue2自定义模板详细教程
前言 webpack2和vue2已经不是新鲜东西了，满大街的文章在讲解webpack和vue，但是很多内容写的不是很详细，对于很多个性化配置还是需要自己过一遍文档。Vue官方提供了多个vue-templates，基于vue-cli用的最多，不过对于很多人来说，vue-cli 的配置还是过于复杂，对于我们了解细节实现不是很好，所以想自己从零开始搭建一个模板工程，也顺便重新认识一下webpack和vu…- 1k
- 0
-
vue2.0生命周期详解
生命周期图示 生命周期详解 周期名称 内容 beforeCreate（创建前） 在数据观测和初始化事件还未开始 created（创建后） 完成数据观测，属性和方法的运算，初始化事件，$el属性未见 beforeMount（载入前） 在挂载开始之前被调用。相关的render函数首次被调用。实例已完成以下的配置：编译模板，把data里面的数据和模板生成html。注意此时还没有挂载html到页面上。 m…- 872
- 0
-
Meta 标签使用详解
meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码： <head><meta http-equiv="content-Type" content="text/html; charset=gb2312"></head> 也许你认为这些代码可有可无。其实如果你能够用好…- 1k
- 0
-
webpack介绍、配置、使用
一、webpack介绍 1、由来 由于前端之前js、css、图片文件需要单独进行压缩和打包，这样团队人员处理很繁琐，然后 Instagram 团队就想让这些工作自动化，然后webpack应运而生。 2、介绍 webpack是一个模块打包器（module bundler），webpack视HTML，JS，CSS，图片等文件都是一种 资源 ，每个资源文件都是一个模块（module）文件，webpack…- 785
- 0
-
HTML网页/KRPano项目一键打包EXE工具
工具简介 HTML一键打包EXE工具(HTML封装EXE,桌件)能把任意HTML项目(网址)一键打包为单个EXE文件，可以脱离浏览器和服务器，直接双击即可运行。支持KRPano全景VR项目,WebGL游戏项目(Egret游戏打包,Cocos游戏打包,RPG MV Maker游戏打包),课件打包,网址打包等. 最新软件下载地址：地址 官方网址：地址 HTML一键打包工具具有以下特性 1. 可以把HT…- 1.5k
- 0
-
MySQL OOM 故障应如何下手
引言 前阵子处理这样一个案例，某客户的实例 mysqld 进程内存经常持续增加导致最终被 OOM killer。作为 DBA 肯定想知道有哪些原因可能会导致 OOM（内存溢出）。 此篇文章叙述个人的一些拙见~ 先介绍下这位朋友：OOM-killer OOM Killer(Out of Memory Killer) 是当系统内存严重不足时 linux 内核采用的杀掉进程，释放内存的机制。 OOM K…- 965
- 0
-
wordpress网站提示“建立数据库连接时出错”
wordpress网站提示“建立数据库连接时出错”这个问题用过wordpress的博主应该都会碰到这个问题。前段时间由于升级了数据库跟PHP版本导致wordpress经常提示数据库出错导致整个服务器都会卡死。服务器内的网站全部打不开!在网上也搜集了很多的关于‘wordpress网站提示“建立数据库连接时出错’同样的问题，但是答案各有差异。最终也没能修复好。 最后得知其实，WordPress 内置了…- 1.4k
- 0
-
ESET防病毒软件企业版本 v6.5.2132.6 长期版
ESET防病毒软件企业版，ESET工作站防护版v6.5正式版于2018年发布，近日更新至v6.5.2132.6，v6.5可解锁永久激活。ESET Endpoint 版本UI变化很大，主流趋势的界面设计风格，简洁清新美观的界面看着舒服。 ESET NOD32 防病毒软件以“轻、快、狠、准”而闻名，全球唯一通过26次VB100%测试的权威防病毒软件，高据众产品之榜首！ESET NOD32 安全杀毒软件…- 1.5k
- 0
-
ESET NOD32 Antivirus 13.1.21.0 免激活版
ESET NOD32 防病毒软件以“轻、快、狠、准”而闻名，全球唯一通过26次VB100%测试的权威防病毒软件，高据众产品之榜首！ESET NOD32 安全杀毒软件设计了一个高效的内核，作为单独的、高度优化的引擎，提供统一的安全保护，防止不断的更新病毒、蠕虫、间谍程序的恶意攻击。ESET NOD32 拥有先进的ThreatSense技术，可通过对恶意代码进行分析，实时侦测未知的病毒，让您时刻走在病…- 1.5k
- 0
-
Gulp和Webpack对比
前言 在现在的前端开发中，前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始逐渐渗透到“大前端”的开发中。前端开发过程越来越繁琐，当今越来越多的网站已经从网页模式进化到了 Webapp 模式。它们运行在现代的高级浏览器里，使用 HTML5、 CSS3、 ES6 等更新的技术来开发丰富的功能，网页已经不仅仅是完成浏览的基本需求，并且Webapp通常是一个单页面应…- 676
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×