- 博客(19)
- 收藏
- 关注
RSS订阅原创 微前端框架调研
平时我们写项目的时候，都是用单页应用，用组件去拼接项目，随着我们的功能越来越复杂，我们会发现，项目中的组件越来越多，有时项目上线后，我们只想公开组件的某个部分，在更改组件后，会出现一个问题，我们需要把整个个项目重新打包，打包时间会比较长（可能修改了一个组件，打包却需要5-10分钟）。另外，组件的维护也非常不方便（可能有成千上百个组件）。除此之外，一个项目可能有多个团队去开发（比如按模块去划分，交给不同的团队去开发），这样可以面临人员众多，不好管理，团队技术栈不统一的问题。
2024-09-23 17:51:35
754
原创 在使用Elment-UI的Vue项目中使用iconfont上的第三方图标
在使用Element-UI的Vue项目中，Element-UI自带的图标数量比较少，往往不能满足项目需要，这时候需要引入第三方图标，比如常用的。
2023-11-27 18:16:07
504
原创 vue项目通过Electron生成桌面应用
vue项目通过Electron生成桌面应用一、安装1. 把electron的官方demo下载下来2. 安装cnpm3. npm start 启动electron4. 修改vue项目5. 打包vue项目，将打包出来的dist文件夹复制到electron项目的根目录下6. electron文件夹中，删除根目录下index.html文件7. electron文件夹中，修改main.js，修改打包文件路径为vue项目的index.html8. electron中，安装打包需要的依赖electron-packager
2021-12-23 15:14:51
1667
原创 Vue3.0快速入门
一、安装1. cdn<script src="https://unpkg.com/vue@next"></script>2. npm$npm install vue@next3. vue-cli 需要升级到Vue CLI v4.5 yarn global add @vue/cli@next # OR npm install -g @vue/cli@next 4. vite使用 vite 体验更快速#npm$ npm init vite-app <
2021-09-09 17:08:06
6211
翻译 你应该知道的10个ES2020中的javaScript新功能
好消息-新的ES2020功能现已完成！这意味着我们现在对ES2020中发生的变化有了一个完整的了解，这是一个新的和改进的JavaScript规范。所以我们来看看这些变化有哪些。1：BigIntBigInt，JavaScript中最令人期待的功能之一，终于来了。它实际上允许开发人员在用于数据处理的JS代码中使用更大的整数表示形式来进行数据处理。目前，你可以在JavaScript中存储的最大整数为pow(2, 53) - 1。但是实际上BigInt允许你超越此范围。如上所示，你需要在每个数字的末尾加上
2020-05-22 11:19:31
407
原创 30分钟快速了解Axure
目录前言1 Axure简介1.1 Axure可以做什么？1.2 界面1.3 功能分析2 Axure与流程图2.1 简介2.2 要素2.3 分类2.4 实战3 Axure与原型图3.1 整体交互图3.2 单页面原型3.3 注意事项3.4 实战前言本文不具体介绍Axure的工具使用，只是一个快速的了解。1 Axure简介1.1 Axure可以做什么？脑图（ 有很多专业的脑图绘制工具，如XM...
2020-04-27 18:43:04
2939
原创 5分钟了解前端需要知道的UI设计知识
目录前言1 留白（white space）2 对齐（alignment）案例实践一原页面页面改进3 对比度（contrast）对比度设计建议对比度工具推荐4 比例（scale）5 版式（typography）6 颜色（color）7 视觉层次（visual hierarchy）资源前言本文根据 YouTube 最受欢迎的技术大佬之一 Gary Simon 的课程改编而来，以方便自己或有兴趣的小...
2020-04-22 09:03:14
2269
原创 vue-element-template前端搭建笔记
1.前期准备你需要在本地安装node和git。本项目技术栈基于ES2015+、vue、vuex、vue-router、vue-cli、axios和element-ui，所有的请求数据都使用Mock.js进行模拟。相关知识需要自己去相关网站学习。Node安装地址：官网下载地址：https://nodejs.org/en/download/ 中文下载地址：http:...
2020-04-14 17:44:05
7111
1
翻译 JavaScript 引擎基本原理：Shapes 和 Inline Caches
译者：Lara本文对所有 JavaScript 引擎中常见的一些关键基础知识进行了介绍，不仅仅局限于V8引擎。作为 JavaScript 开发人员，深入了解 JavaScript 引擎的工作原理有助于你了解自己代码的性能特征。JavaScript 引擎的工作流程 (pipeline)这一切都要从你写的 JavaScript 代码开始。JavaScript 引擎解析源代码并将其转换为...
2019-12-14 17:42:27
365
原创 你不知道的 Chrome DevTools 调试技巧（一）
文章目录前言1. 使用 CSS Overview 面板查看 CSS 信息2. 用预置或自定义地址重写地理位置3. 捕获代码覆盖率和性能记录4. 性能监视器的新性能指标5. 识别最大的内容绘制元素6. 使用 Web Audio 审查器审查音频7. 查看布局变换区域以改进页面渲染性能8. 复制并提取页面上某个元素所有的CSS9. 使用 Service Worker 调试器拦截及暂停 fetch 请求1...
2019-11-18 15:34:16
1109
原创 超实用的 Vue 组件通信方式大汇总（8种）
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-10-25 10:20:05
697
翻译 JS 笔记 — JavaScript 中 6 - 8 种左右的语言类型
JavasSript 很奇怪，目前在 JavasSript 中存在八种（近似）ECMAScript 语言类型（在本文发表时）。我们倾向于说 JavasSript 中的所有内容都是一个对象，但事实并非如此。实际上， 虽然在 JavasSript 中大多数东西表现得像对象，但这并不意味着它们真的是对象。因此，深入研究 JavasSript 中存在的有效类型是一件以备不时之需的好事情。在继续之前，我...
2019-09-27 18:25:48
168
翻译 构建无渲染的 Vue 组件（函数式组件）
构建无渲染的 Vue 组件（函数式组件）关于 Vue 有一种特别流行的说法：当 React 和 Angular 在一起并生了个孩子，那就是 Vue。我一直都有这种感觉。由于 Vue 的学习曲线很小，所以有那么多人喜欢它并不奇怪。Vue 一直试图让开发人员尽可能多地控制组件及其实现，这就引出了今天的话题。术语renderless components是指不渲染任何内容的组件。本文中，我们...
2019-09-23 09:32:05
1120
翻译 JavaScript 工作原理：渲染引擎及其性能优化
译者：Lara这是系列文章的第11篇，专门探讨 JavaScript 及其构建组件。在识别和描述核心元素的过程中，我们还分享了一些在构建SessionStack时使用的经验法则。SessionStack 是一个需要强大且高性能的 javaScript 应用程序，以帮助用户实时发现并重现他们的 Web 应用程序缺陷。如果你想阅读系列的其他文章，请看下方： 引擎、运行时和调用堆栈的概...
2019-09-09 13:49:49
260
翻译 使用 prototypes 访问 Vue.js 中的全局属性
译者 : Lara作者：Brian Neville-O’Neill原文：https://dev.to/bnevilleoneill/accessing-properties-globally-in-vue-js-with-prototypes-45bk在本文中，你将了解到如何在 Vue.js 中使用 prototypes 来访问全局属性，而不是在工作流中使用多个导入来访问。在开始之前...
2019-08-28 16:02:02
488
翻译 看在上帝的份上，不要使用 .npmignore
看在上帝的份上，不要使用 .npmignore原文链接： medium.com译者 : Lara.npmignore 是一个可以给Node.js项目造成严重危害的文件，你应该立即停止使用该文件（除了下面所列的一种情况）。npm中已经永久内置了一个更好的替代文件，并且更易用更安全。什么是 npmignore？比如我下载了一个名为 cli-ux 的npm包，这是一组常见的 CLI UX 工具...
2019-08-26 18:47:07
422
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人