- 博客(28)
- 收藏
- 关注
RSS订阅原创 vite-plugin-federation踩坑
前言项目即将用到vite-plugin-federation，开始参照网上的教程和vite-plugin-federation的官方文档试验最简单的微前端。这里主要参照 VUEShenzhen 在 掘金和 知乎 上的文章去实现下面是我照以上文章所作的尝试一、准备工作1、项目搭建搭建两个vite项目在自己的项目目录下打开cmd执行npm create vite@latest 分别创建vite-host 和vite-remote两个项目，目标是vite-remote进入项目，并执行np
2022-05-11 16:27:09
4359
4
原创 数据结构学习之第二章算法
第二章算法文章目录第二章算法前言一、算法定义二、算法特性2.1 输入输出2.1 有穷性2.1 确定性2.1 可行性三、算法设计的要求总结前言算法内容过多，在大学也是作为一门课程单独讲，这里谈及的算法只为了更好的理解数据结构一、算法定义概念：解决特定问题求解步骤的描述，在计算机中表现为指令的有限序列，并且为每条指令表示一个或多个操作二、算法特性2.1 输入输出算法输入>=0；算法输出>=12.1 有穷性算法在执行有限的步骤之后，自动结束且不会出现无限循环，并且每一个步骤在可
2022-04-04 15:53:05
704
原创 ES6新增特性
1.const && let （与var比较）var定义的变量没有块作用域的概念，可以跨块访问，不能跨函数访问。let定义的变量，只能在块作用域里访问，不能跨块访问，不能跨函数访问。cons常用来定义常量，使用时必须要赋值，只能在块作用域里访问，不能修改。但是!!!const arr = [];arr = [1,2,3]上述代码将会报错，提示Assignment t...
2022-04-01 17:47:15
282
原创 数据结构学习之第一章数据结构绪论
数据结构学习文章目录数据结构学习前言一、数据结构起源二、各个术语及概念2.1 数据2.2 数据元素2.2 数据项2.3 数据对象2.4 数据结构二、使用步骤1.引入库2.读入数据总结前言If you give someone a program, you will frustrate them for a day;if you teach them how to program, you will frustrate them for a lifetime.(如果你交给某人一个程序，你将折磨他一整天
2022-04-01 15:23:19
846
原创 Windows环境搭建gitblit服务器
一、场景部分公司主要用本机链接远程电脑进行开发，本地是没有网络的。但是当多名程序猿要在本地机器联调测试时，代码的互通性就很难。这时候可以用一台在局域网内的电脑配置gitblit来完成。二、安装包准备gitblit压缩包点此下载，点击网页右侧第一个按钮下载windows免安装压缩包。放到自己想要的目录下（注：目录不要有中文，否则后续将gitblit作为Windows sevice时会报错）...
2019-10-22 15:50:03
319
原创 React的antd的form组件结合redux使用出现onFieldChange触发多次的问题
场景：react+antd+redux项目，在使用表单时，无表单验证的表单元素change只触发一次，而有表单验证的表单元素会触发两次（有些是多次）问题原因（待商榷）：以下为截取的部分解释：应该是getFieldProps 出的问题，我觉得有两个问题1、使用getFieldProps ，组件在有输入操作时其父页面整个都要render()应该是FORM组件维护了个内部state 任何get...
2019-09-19 14:49:36
4821
转载 webpack原理与实战
webpack是一个js打包工具，不是一个完整的前端构建工具。它的流行得益于模块化和单页应用的流行。webpack提供扩展机制，在庞大的社区支持下各种场景基本它都可找到解决方案。本文的目的是教会你用webpack解决实战中常见的问题。webpack原理在深入实战前先要知道webpack的运行原理webpack核心概念entry 一个可执行模块或库的入口文件。chunk 多个文件组成的一...
2019-06-21 21:27:06
189
转载 Vscode 小白使用介绍
下载官网下载：https://code.visualstudio.com/汉化中文（官方下载默认为英文，英文好的小伙伴可直接跳过这步）点击插件按钮搜索 Chinese, 在弹出的选项中选择第一个中文简体然后右边会弹出如下图安装界面，接着点击 Install 安装安装完毕后会有如下提示（主要提醒你安装完中文简体汉化包后一定要重启方可生效）Vscode界面介绍（主要分为5个区域，...
2019-06-15 15:37:48
740
原创 JavaScript事件循环机制
一、线程和进程1、单线程和多线程2、GUI渲染线程3、JS引擎线程4、同步任务和异步任务二、入栈和出栈三、例子与解析setInterval和setTimeoutconsole.log('1');setTimeout(function(){ console.log('2');},0);setTimeout(function(){ console.log...
2019-06-15 11:35:08
170
原创 JS中的数据
数据类型基本数据类型：Undefined，Null，Boolean，Number，String复杂数据类型：Object数据的集合 ： Array获取数据类型
2019-06-15 10:19:34
228
转载 如何对上万条数据进行展示
一、后端后端通过分页方法将所有数据分成n页，将前端需要展示的对应页数据返回二、前端1.懒加载（分批加载）前端实现分页功能 var count = 10;//10条数据一页 function sliceArray(getArr) { var totalArr = []; for (var i = 0; i < allArr.length;...
2019-05-30 09:55:39
1857
原创 前端开发常用片段
一、预加载图像如果你的网页中需要使用大量初始不可见的（例如，悬停的）图像，那么可以预加载这些图像。$.preloadImages = function () { for (var i = 0; i < argument.length; i ++) { $('<imag>').attr('src', argument[i]); }};$.pr...
2019-05-29 14:22:38
1839
1
转载 JS 中原型和原型链
一、明确概念先明确一下几个概念：函数（function）函数对象(function object)本地对象(native object)内置对象(build-in object)宿主对象(host object)函数function foo(){//函数声明 }var foo = function(){//函数表达式 }typeof foo的结果都是f...
2019-05-29 11:46:15
204
转载 GET和POST的区别
一、w3school的GET 和 POST 的对比分类GETPOST后退按钮/刷新无害数据会被重新提交（浏览器应该告知用户数据会被重新提交）。书签可收藏为书签不可收藏为书签缓存能被缓存不能缓存编码类型application/x-www-form-urlencodedapplication/x-www-form-urlencoded 或 mu...
2019-05-28 17:33:09
516
原创 手机APP如何抓包
使用场景程序及其使用第一步:Fiddler抓取手机App的HTTP协议请求数据首先保证手机和Fiddler主机为同一网络Fiddler开启远程设备连接(确认Fiddler代理主机IP和端口号)手机端设置网络代理为Fiddler主机(设为Fiddler代理主机IP地址和端口号)验证:访问传智官网(http://www.itcast.cn)第一步:Fiddler抓取手机App的...
2019-05-28 16:58:57
63421
4
原创 grid栅格布局
一、使用.grid{ display: grid}.grid{ display: inline-grid}二、容器划分定义横、纵网格轨道。<style> .grid { display: grid; grid-template-columns: 60px 60px 60px 60px; grid-template-rows: 60px...
2019-05-27 17:18:35
492
原创 Flex布局
一、Flex布局Flex（Flexible Box），弹性布局。为盒状模型提供最大的灵活性。使用：.flex-box{ display: flex;}.flex-box{ display: inline-flex;}//Webkit内核的浏览器，必须加上-webkit前缀。.flex-box{ display: -webkit-flex; /* Safari */}注意...
2019-05-24 15:08:22
173
原创 响应式布局
viewport<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> //viewport是网页默认的宽度和高度,网页宽度默认等于屏幕宽度（...
2019-05-23 18:06:30
171
原创 CSS 模块化
一、文件结构CSS最基本结构: - base.css - common.css - pages.css复杂一点的结构: - base.css - header.css - footer.css - sidebar.css - forms.css - icons.css - buttons.css - dropdown.css - modals.css - layou...
2019-05-23 17:01:29
388
原创 盒子模型
盒子模型组成：由里向外content,padding,border,margin。种类：标准模型（box-sizing:content-box;）盒模型的宽高只是内容（content）的宽高，例如上图该盒模型的宽度和高度都是36pxIE模型（box-sizing:border-box;）盒模型的宽高是内容(content)+填充(padding)+边框(border)的总宽...
2019-05-23 15:28:37
159
原创 BFC机制
概念BFC（block formatting context），块级格式化上下文。是一种css盒模型的渲染规则。先了解视觉格式化模型这个概念。BFC渲染规则规则1: 创建了BFC的元素中,在垂直方向上的margin会发生重叠。根元素就是一个BFC元素 (这个可以解释margin重叠)规则2: BFC元素在页面上是一个独立的容器,外面的元素和里面的元素互不影响。规则3: BFC元素不会...
2019-05-23 14:55:14
1166
原创 CSS三大特性及其选择器
目录一、CSS三大特性1.继承性2.层叠性3.优先级权重!important注意点例子二、CSS选择器项目项目一、CSS三大特性1.继承性子标签可以继承父类的标签的样式color,text-开头，line-开头，font-开头的 可以继承，关于文字样式的可以继承，但并不是所有的属性都可以继承的，比如所有关于盒子的，定位的，布局的属性不可以继...
2019-05-23 13:41:21
646
原创 HTML5常用API
页面可见性API——Page Visibility该API可以用来检测页面对于用户的可见性，即返回用户当前浏览的页面或标签tap的状态变化。 在最小化浏览器、切换tap页面时生效.(如需对app中几个webview进行切换操作时，可使用pageVisibility接口进行相应的事件监听和处理。)page visibility的介绍：document.hidden：表示page是否是可见的...
2019-05-23 10:01:27
6958
转载 H5新增属性及标签
H5标签变化目录新增的语义化标签结构标签（语义化标签）表单标签媒体标签其他标签删除废弃的标签H5属性变化表单属性新增的语义化标签一：结构标签（语义化标签）1.section。section标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。2.article。article标签装载显示一个独立的文章内容。还可以嵌套，则内层的...
2019-05-23 09:31:42
11861
1
原创 前端SEO优化
一.搜索引擎 搜索引擎（Search Engine）是指根据一定的策略、运用特定的计算机程序从互联网上搜集信息，在对信息进行组织和处理后，为用户提供检索服务，将用户检索相关的信息展示给用户的系统。搜索引擎包括全文索引、目录索引、元搜索引擎、垂直搜索引擎、集合式搜索引擎、门户搜索引擎与免费链接列表等。 简单来讲就是那些程序——“网络爬虫”（“蜘蛛”）在互联网上爬行，从一个链接到另...
2019-04-11 15:09:00
4351
原创 HTML结构化、语义化
Html常用最简格式<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0,user-scalable=0"/> <...
2019-04-11 13:42:51
964
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人