大前端世界-优快云博客

原创「冲击leetcode青铜5」妙用数组fill处理每日温度

inner: for (var j = i + 1, len = T.length; j < len; j++) {if (T[j] > currValue) {waitDay = j - i;break inner;}}result.push(w

2022-05-05 17:55:27 211

原创《Webpack》彻底入门Webpack

//__dirname代表当前这个配置文件的绝对路径//打包到当前这个文件下的src文件夹下的mybundle文件夹下}}[](()loaderloader 让 webpack 能够去处理那些非 JavaScript 文件（webpack 自身只理解 JavaScript）。loader 可以将所有类型的文件转换为 webpack 能够处理的有效[模块](()，然后你就可以利用 webpack 的打包能力，对它们进行处理。loader的本质是一个方法，它会对内容按照方法的设定好的规则进行处理，

2022-05-05 17:53:57 385

原创 Windows下安装Nginx

[](()访问自己的项目[](()hash模式打包npm run build把生成的dist目录，放到html目录下。浏览器访问：localhost/dist/index.html就可以看到页面了。[](()history模式当你使用 history 模式时，url就像正常的url，例如“http://yoursite.com/mapp/”，不过这种模式还需要后台配置支持。因为我们的应用是单页面应用，如果后台没有正确的配置，当用户在浏览器直接访问 "http://you

2022-05-05 17:50:42 1032

原创 Windows 云服务器搭建 FTP 服务

Windows 操作系统，本文以 Windows Server 2012 为例。IIS：Web 服务器，本文以 IIS 8.5 为例。[](()2.操作步骤：====================================================================[](()1.登录云服务器windows系统登录云服务器的方法[点击此处](()[](()2.在 IIS 上安装 FTP 服务[](()1.在操作系统界面，打开服务器管理器。[](()2. ..

2022-05-05 17:48:25 742

原创 Web核心技术之JSP(过时技术)

接下来我们做一个简单的快速入门代码。[](()2.1 搭建环境创建一个maven的 web 项目，项目结构如下：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4JZh7Yge-1651743888486)(https://blog.youkuaiyun.com/assets/image-20210818104316457.png)]pom.xml 文件内容如下：<?xml version="1.0" encoding="UTF-8"?><project xm

2022-05-05 17:45:08 320

原创 web开发题，JavaScript变量声明提升

throw new Exception(“peers is empty.”);}Loggers.RAFT.info(“timer started: leader timeout ms: {}, heart-beat timeout ms: {}”,GlobalExecutor.LEADER_TIMEOUT_MS, GlobalExecutor.HEARTBEAT_INTERVAL_MS);}在init方法主要做了如下几件事：获取Raft集群节点 peers.add(NamingProxy.g

2022-05-05 17:43:19 89

原创 web前端基础入门学习教程之html中键入多个空格代码

如何让某个元素充满整个页面？方法：html,body{height:100%;margin:0;}#test{height:100%;}如何让某个元素距离窗口上右下左4边各10像素？方法：html,body{height:100%;margin:0;}html{_padding:10px;}#test{position:absolute;top:10px;right:10px;bottom:10px;left:10px;_position:static;_height:100%;}如何去掉

2022-05-05 17:40:57 886

原创 web前端内容学习

用户注册====用户名称：用户密码：性别：男女兴趣爱好：Java JavaScript C++国籍：--请选择国籍--中国美国小日本自我评价：我才是默认值<body><!–form 标签是表单标签action 属性设置提交的服务器地址method 属性设置提交的方式 GET(默认值)或 POST表单提交的时候，数据没有发送给服务器的三种情况：1、表单项没有 name 属性值2、单选、复选（下拉列表中的 option 标签）都需要添加 value 属性，以便发送给服务..

2022-05-05 17:38:47 681

原创 web前端之浏览器篇——知识汇总

2、html页面渲染:发送请求，服务器返回HTML，浏览器解析HTML，发出相应css的和js请求html 不是缓存的css下载完成，构建dom树，构建cssDOM完成后，结合DOM生成Rendering Tree，css是由单独的下载线程异步下载的css加载不会阻塞DOM树的解析css加载会阻塞DOM树的渲染css加载会阻塞后面js语句的执行js下载完成，操作DOM，更新DOM；在html解析过程中或是DOM和CSSDOM结构构建中，同步请求加载JS，解

2022-05-05 17:36:53 270

原创 vue-cli项目按需引入 element-plus

transpileDependencies: true,devServer: {port: 8888},configureWebpack: {plugins: [AutoImport({resolvers: [ElementPlusResolver()],}),Components({resolvers: [ElementPlusResolver()],}),]}})新增加内容为：[](()测试HomeDefaultPrimarySuccess<el-

2022-05-04 10:30:46 642

原创 vue-cli4打包最强优化（10M变300kb）

//配置alias别名后import Home from ‘views/Home.vue’//也可以这么写import Home from ‘@/views/Home.vue’[](()项目结束后打包前webpack配置====================================================================================目的：提高打包速度减小项目体积、提高首屏加载速度提高用户体验（骨架屏）打包前必做项目开

2022-05-04 10:28:42 1355

原创 vscode 前端常用插件推荐

[配置教程戳这里](()4.Bracket Pair Colorizer (必备)给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色5.Debugger for Chrome (推荐)映射vscode上的断点到chrome上，方便调试[调试方法戳这](()6.ESLint (推荐)js语法纠错，可以自定义配置，不过配置较为复杂，建议使用网上一些广泛使用的eslint配置，日后我也会专门针对eslint配置写一篇文章。7.GitLens(使用git的必备)

2022-05-04 10:26:28 2477

原创 VMware安装CentOS7时遇到的黑屏问题解决方法

上大学时一度以为自己不会跟linux搭上关系，然而走到部署服务器这一步还是离不开linux。默默开始学习linux吧。装好虚拟机准备开始安装CentOS7时，发现自己刚入坑就被难住了。点击安装直接黑屏。。。![点击安装后就黑屏了](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWctYmxvZy5jc2RuLm5ldC 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源徽信搜索公众号【编程进阶路】 8yMDE4MDMxNT

2022-05-04 10:24:46 3568

原创 TypeScript系列教程九《类型转换》-- 索引访问类型

类型的索引访问类型，我们可以使用联合类型，keyof 或者其他type:type I1 = Person["age 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源徽信搜索公众号【编程进阶路】 " | “name”];//type I1 = string | numbertype I2 = Person[keyof Person];//type I2 = string | number | booleantype AliveOrName = “aliv

2022-05-04 10:22:27 267

原创 TS中的一些关键词总结

TS中的一些内置类型Partial<T> 将类型的属性变成可选Required<T>将类型的属性变成必选Pick 从某个类型中挑出一些属性出来RecordMutable<T> 将类型的属性变成可修改Readonly<T> 类型的属性变成只读ReturnType 用来得到一个函数的返回值类型下面的一些例子都可以在 TypeScript Playground[1] 中进行尝试。左侧是TS，右侧是编译后的JS..

2022-05-04 10:20:11 1496

原创 SpringBoot---Web开发第一部分

[SpringBoot对静态资源的映射规则](()[](()模板引擎===================================================================[](()SpringBoot推荐Thymeleaf ==>语法简单，功能更强大[](()引入Thymeleaf 的启动器org.springframework.bootspring-boot-starter-thymeleaf [](()修改springboot提供jar包

2022-05-04 10:17:45 90

原创 Spring Boot + Vue 全栈开发，都需要哪些前端知识

node 01.js浏览器的内核包括两部分核心：DOM渲染引擎；js解析器（js引擎）js运行在浏览器中的内核中的js引擎内部Node.js是脱离浏览器环境运行的JavaScript程序，基于V8 引擎（Chrome 的 JavaScript的引擎）3、服务器端应用开发（了解）创建 02-server-app.jsconst http = require(‘http’);http.createServer(function (request, response) {//

2022-05-04 10:15:28 483

原创 SmartGit 过期解决方案之非商业版本安装使用

第一步：官网(https://www.syntevo.com/smartgit/下载最新版本的SamrtGit 安装包第二步：点击安装包，打开如下页面，选择License Type，勾选第三个Non-commercial use only，点击下一步第三步：同意注册条例，点击OK，进入用户信息填写第四步：选择SSH Client，这里我选择让SmartGit作为客户端，点击继续第五步：选择Hosting Providers(主机防护)，因为我经常用GitHub，这里我选择的是GitHub，然

2022-05-04 10:13:40 3911

原创 Rust 和 WebAssembly 的世界

但是虽然可以编译，这样书写是绕不过静态类型检查的！！！！！！相信大家发现了上面的string类型有些特殊，不是说string是"值类型"吗？为什么他又可以用引用类型来表示呢？string使用了没有所有权的特殊的引用类型slice，slice 允许你引用集合中一段连续的元素序列，而不用引用整个集合。let s = String::from(“hello”);let slice = &s[0…2];let slice&nbsp

2022-05-04 10:11:27 464

原创一行 Object

我们先来看看在 MDN[6] 上关于 Object.keys() 的描述：Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致。emmm… 并没有直接告诉我们输出顺序是什么，不过我们可以看看上面的 Polyfill[7] 是怎么写的：if (!Object.keys) {Object.keys =&nbsp

2022-05-03 11:57:32 637

原创一文理解JavaScript中作用域

函数作用域是在函数内部声明的变量(ps:可称局部变量)，那么变量的有效范围一般是在函数内部可访问。当然也有特殊情况(ps:闭包除外)。函数作用域由函数声明以及函数表达式自动生成的，举例：function foo1(){…} //通过function声明 foo1(function foo2(){…})(); //立即执行函数 foo2函数foo1是在全局作用域声明，所以任何位置都可访问foo1，但它内部的变量只能在{…}被访问到，而函数foo2意味着foo2只能在{…}中被访问到，其他位置是无法

2022-05-03 11:55:44 476

原创一文带你了解如何排查内存泄漏导致的页面卡顿现象

function fn1 () {let a = {name: ‘零一’}let b = 3function fn2() {let c = [1, 2, 3]}fn2()return a}let res = fn1()以上代码的调用栈如下图所示：图中左侧为栈空间，用于存放一些执行上下文和基本类型数据；右侧为堆空间，用于存放一些复杂对象数据当代码执行到fn2()时，栈空间内的执行上下文从上往下依次是 fn2函数执行上下文 => fn1函数执行上下文 => 全局执行上下

2022-05-03 11:53:25 688

原创【重识 HTML + CSS

get 和 post表单练习 - 集成各种搜索引擎博文集合：[【重识 HTML + CSS】知识点目录](()[](()列表=====================================================================本章代码：[https://gitee.com/szluyu99/html_css_note/tree/master/day05/02-列表](()列表在网页中非常常见HTML 提供了 3 组常用的用来展示列表的元素..

2022-05-03 11:51:19 95

原创【翻译】JavaScript 中的函数式编程

然而，第二个例子表明，通过将逻辑提取出来，并使用函数封装，你可以用很少的成本来创建你所需要的逻辑。你可以继续添加更多的格式化（ format）和输出（output）函数，然后只需用一行代码将它们组合在一起就可以了。我的意思是，这两种方法都有优点，而且都是非常高效的，没有高低优劣之分。函数式有多么令人难以置信的灵活性，以及我们如何使用基本的函数式原理，这仅仅是因为我们有能力将行为（即函数）作为参数传递，就好像它们是一个基本类型，如整数或字符串。高阶函数的优势：整洁代码整洁代码的最好例子就是数组方法，.

2022-05-03 11:49:37 342

m0_70275087的博客