wx6229a0885d347的博客

前端最强拖拽组件 Pragmatic-drag-and-drop

它是由Atlassian 公司出品。一个关注性能的拖放库，可用于增强前端用户体验。看Pragmatic这个名字的中文含义：“实用主义的” 就显得与众

前端

GitHub

JavaScript

拖拽

github

原创精选 6月前 298 阅读

3分钟打造一个专属你的在线简历

看到许多开发者都拥有个性化十足的在线简历。经过搜索，我发现了一个开源的简历仓库，它的设计风格简洁而现代。这个配置文件，便能够自动生成简历网站。

前端

面试

GitHub

配置文件

github

原创 7月前 8 阅读

5分钟快速上线Web应用和API（Vercel）

Vercel Vercel 你可以理解为一个部署工具，支持部署静态网页和Node服务，部署后你还可以访问它自外，它还提供了很多模版支持

前端

github

自定义

模版

原创 2022-11-15 22:54:52 102 阅读

你听过这个Mobile/PC跨端开发方案嘛？

事情是这样的，有个前端同学啊峰准备开发一个中后台管理Web端，涉及到驾驶舱dashboard面板的开发。产品经理提了一个需求：“你能不能让中后台系统兼容移动端？” 后来得知这个需求是老板提的，因为老板

前端

JavaScript

架构

模版

github

原创 2022-09-21 11:44:14 436 阅读

【webpack】从vue-cli 2x 到 3x 迁移与实践

host - 指定使用一个 host可以让外部访问。默认是 localhost 开发环境：运行 npm run dev，执行webpack.dev.conf.js 配置文件，通过webpack-dev-server来启动一个服务到端口（默认8080）访问localhost:8…

Webpack

css

html

配置文件

原创 2022-05-23 21:11:06 135 阅读

微前端落地系列-复盘

上图为落地过程中遇到的一些问题，接下来围绕这些问题跟大家分享我的认知体系是如何去解决的 1. 应用权限控制如何做？路由权限：比如当用户从门户中登陆后，要访问应用A或者应用A下的某个菜单页面时，但该用

Vue.js

加载

服务器

异常信息

原创 2022-05-23 21:10:56 455 阅读

前端运维部署那些事

2. jenkins 下载 Jenkins. 打开终端进入到下载目录. 运行命令 java -jar jenkins.war --httpPort=8080. 打开浏览器进入链接 http://localhost:8080. 按照说明完成安装. EXPOSE：指定运行该镜像的…

前端

docker

nginx

git

原创 2022-05-23 21:10:12 680 阅读

数据类型转换看这篇就够了

parseInt() 方法还有基模式，可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由 parseInt() 方法的第二个参数指定的上两节提到的parseInt() 和 parseFloat() 方法只转换第一个无效字符之前的字符串，因此 "1.2.3"…

前端

字符串

数组

数据类型

原创 2022-05-23 21:09:55 98 阅读

面试官问你关于node的那些事（进阶篇）

1. 今日主食 ???? Node.js给我们提供了cluster模块，用于nodejs多核处理，同时可以通过它来搭建一个用于负载均衡的node服务集群。意思是cluster mode 模式启动2个app.js的应用实例，这2个应用程序会自动进行负载均衡，- i后面的数字表示要启…

前端

内存泄漏

模版引擎

负载均衡

原创 2022-04-29 14:23:07 77 阅读

前端表单数据那些事

FormItem 是一个包裹，主要用来包装一些表单控件、提示消息、还有校验规则等内容。感兴趣小伙伴可以在这个基础上通过源码的学习深入研究iview组件库的form表单校验的具体实现。

前端

数据

字段

表单

原创 2022-04-28 16:16:39 589 阅读

《前端那些事》从0到1开发简单脚手架

为了解决上述问题，脚手架就起到一个至关重要的角色，我们可以通过脚手架来约束好规范，统一的配置，来打通新项目的开发工具链，一方面提升开发效率，一方面则提高项目对接可维护性及新员工熟悉项目简易性。

前端

模版

git

命令行

原创 2022-04-28 16:16:21 412 阅读

《前端那些事》从0到1开发工具库

libraryTarget: “window” : 当 library 加载完成，返回值将分配给 window 对象。 libraryTarget: “umd” ：这是一种可以将你的 library 能够在所有的模块定义下都可运行的方式。它将在 CommonJS, AMD 环境…

前端

ios

json

单元测试

原创 2022-04-28 16:16:02 354 阅读

前端工程化那些事

Parcel相比前面介绍的webpack最大的区别就是：不需要维护配置文件，举个例子来说明：如果你想转换less的语法，在webpack你需要配置less-loader来完成，而Parcel不需要安装 less, 当检测到 less 文件时 Parcel 将会自动转换。换句话说…

前端

数据

json

css

原创 2022-04-28 16:15:39 117 阅读

前端路由那些事

1.前端路由模式1.1hash模式假设你浏览器访问的url地址是http://127.0.0.1/#/test那么通过location.hash获取的hash值为#/test导致路由的变化无非是三种情

前端

加载

服务器

历史记录

原创 2022-04-28 16:15:14 143 阅读

基于qiankun落地部署微前端爬”坑“记

Access-Control-Allow-Origin：跨域在服务端是不允许的。只能通过给Nginx配置Access-Control-Allow-Origin *后，才能使服务器能接受所有的请求源（Origin）

前端

跨域

静态资源

css

原创 2022-04-28 16:02:20 2661 阅读

Modern模式引发qiankun的一场“命案”

根据官网的介绍：--modern模式是使用现代模式构建应用，为现代浏览器交付原生支持的 ES2015 代码，并生成一个兼容老浏览器的包用动回退。换句话讲就是该模式下Vue CLI会构建两个版本的 js 包：一个支持现代浏览器的原生 ES2015+ 的包，以及一个兼容其他旧…

前端

html

javascript

加载

原创 2022-04-28 15:58:55 1064 阅读

面试官问你关于node的那些事（基础篇）

莫慌，Node依旧是社区热捧的服务器端 JavaScript 运行环境，Deno的出现其实本质上是完善现阶段的Node（新轮子）,包括原生支持TS、安全性、支持ES Module浏览器模块、等特征。万变不离其宗，虽然有了Deno，将来可能就不需要 Node.js，但是新事物总是…

前端

中间件

node.js

绝对路径

原创 2022-04-27 11:45:36 37 阅读

《前端那些事》如何更好管理 Api 接口

好了废话不多说，进入今天的主题：如何更好管理 Api 接口。为了让这些模块在Vue中更好地直接使用，我们将导出的模块通过“挂在”Vue.prototype的形式注入到Vue组件中,以此来为Vue对象添加了一个原型属性，而不是一个全局变量。添加全局方法或者 property。…

前端

ios

封装

配置文件

原创 2022-04-27 11:44:54 249 阅读

《前端那些事》聊聊前端的按需加载

在babel转码的时候，把整个库element-ui的引用，变为element-ui/lib/button具体模块的引用。这样webpack收集依赖module就不是整个element-ui，而是里面的button

前端

加载

按需加载

懒加载

原创 2022-04-27 11:44:19 268 阅读

《前端那些事》从0到1开发动态表单

这个h()函数本质上是createElement 函数，这个函数的作用就是生成一个 VNode节点（虚拟节点），它不是一个实际的 DOM 元素。叫createNodeDescription(创建节点描述)，我们是通过它所包含的信息会来告诉 Vue 页面上需要渲染什么样的节点,再…

前端

表单

模版

数据

原创 2022-04-27 11:43:40 335 阅读

你学BFF和Serverless了吗

遵循服务自治，谁使用谁开发的原则，也就意味着只能由前端同学来挑起这个重任，同时着离“全栈工程师”又进一步了。不知道????‍♂️ 是应该庆幸还是苦恼咯维护问题：需要维护各种 BFF 应用。以往前端也不需要关心并发，现在并发压力却集中到了 BFF 上比如微信小程序开发m在实际开发…

前端

数据

运维

服务端

原创 2022-04-27 11:43:15 124 阅读

关于门户的前端权限控制

通过递归的方式去过滤去用户的路由权限，通过router.addRoutes()动态添加所有符合权限的路由，当然这种方式需要依赖后端。对于不同角色的用户，是由后端将路由列表告诉给前端注册拦截器拦截接口返回结果，比如401没有登录权限。

前端

ios

权限控制

权限管理

原创 2022-04-27 11:09:07 239 阅读

浅谈前端模块化

1. UMD 先判断是否支持CommonJS2规范（exports是否存在以及module是否存在），存在则使用的是CommonJS2方式加载。其次判断是否支持CommonJS规范（exports是否存在），存在则使用的是CommonJS方式加载模块。答：前端模块化是指，通…

前端

加载

模块化

异步加载

原创 2022-04-27 11:08:41 609 阅读 1点赞

2020 树酱的那点事 | 掘金年度征文

工作成果中包括的关键词有微前端落地、数据大屏、基础建设、分享等等。包括自己负责的很多应用的开发都是从0到1，最后到上线，整个链路都是自己一步步摸索过来。包括基于qiankun微前端架构落地了门户体系，并总结了实践中所遇到的问题基于qiankun落地部署微前端爬”坑“记今年1…

年终总结

公众号

知识体系

微信

原创 2022-04-26 14:54:31 128 阅读

不同角度看跨域那些事

这个就是典型的跨域问题，那为何会跨域？是因为浏览器的安全功能“同源策略”，它限制了两个不同源之间的数据访问以及交互，因为不同源，浏览器限制访问不到。本质上是一个安全机制，为了防止程序恶意调用。答：这就是个预检操作。对于非简单请求，会在真正发起请求之前，发起一次HTTP查询请求…

前端

服务器

跨域

服务端

原创 2022-04-26 14:54:05 128 阅读

从0到1开发一个简单的 eslint 插件

1.eslint的配置上图????是eslint主要的配置，我们简单回顾下每个配置的背后包含的意义 1.1 parse 关于Espree可以参考下面这个例子而常用的解析器还有包括以下几种 Esprima

Vue.js

前端

解析器

单元测试

初始化

原创 2022-04-26 14:28:40 315 阅读

这个vue3的应用框架你学习了吗？

前言：前段时间开始落地基于vue3开发的应用，于是在社区留意vue3周边的一些开源项目。无意间看到微众银行`WeBankFinTech`团队开源的` Fes.js`解决方案。快速上手、简单易用、拓展性

JavaScript

Vue.js

前端

封装

数据

原创 2022-04-26 14:26:29 21 阅读

这种微前端设计思维听说过吗？

从single-spa到qiankun，各种微前端架构解决方案层出不穷。那一夜，我在翻阅github时，留意到一个新的微前端框架，京东零售开源的`MicroApp`，号称无需像上面提到那两个框架

前端

Vue.js

前端框架

css

生命周期

原创 2022-04-26 14:23:11 40 阅读

给她一个有爱的Github主页

需要在github创建一个跟你github账号名称一致的仓库，并且创建一个README.md。就可以开始你的自定义github 主页了。SHOW TIME!

GitHub

前端

JavaScript

github

git

原创 2022-04-26 14:22:08 276 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx6229a0885d347的博客

前端最强拖拽组件 Pragmatic-drag-and-drop

3分钟打造一个专属你的在线简历

5分钟快速上线Web应用和API（Vercel）

你听过这个Mobile/PC跨端开发方案嘛？

【webpack】从vue-cli 2x 到 3x 迁移与实践

微前端落地系列-复盘

前端运维部署那些事

数据类型转换看这篇就够了

面试官问你关于node的那些事（进阶篇）

前端表单数据那些事

《前端那些事》从0到1开发简单脚手架

《前端那些事》从0到1开发工具库

前端工程化那些事

前端路由那些事

基于qiankun落地部署微前端爬”坑“记

推荐几个数据大屏可视化开发工具

Modern模式引发qiankun的一场“命案”

面试官问你关于node的那些事（基础篇）

《前端那些事》如何更好管理 Api 接口

《前端那些事》聊聊前端的按需加载

《前端那些事》从0到1开发动态表单

你学BFF和Serverless了吗

关于门户的前端权限控制

浅谈前端模块化

2020 树酱的那点事 | 掘金年度征文

不同角度看跨域那些事

从0到1开发一个简单的 eslint 插件

这个vue3的应用框架你学习了吗？

这种微前端设计思维听说过吗？

给她一个有爱的Github主页