![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 96
DLLCNX
乐观,不善言辞!
展开
-
开发与产品的战争之自动播放视频
产品提了个需求,对于网站上的宣传视频,进入页面就自动播放。但是基于我对chromium内核的一些浅薄了解,我当时就给拒绝了: “浏览器不允许”。原创 2024-04-19 17:18:21 · 898 阅读 · 0 评论 -
包管理工具之npm也慌了?
Corepack是一个零运行时依赖的Node.js脚本,用作Node.js项目与其开发过程中所需的软件包管理器之间的桥梁。从实际角度来看,Corepack允许您在**不安装**Yarn、npm和pnpm的情况下使用它们。原创 2024-02-29 09:26:27 · 968 阅读 · 0 评论 -
前端包管理工具之从NPM到PNPM
pnpm 起初看起来像 npm,因为它们的 CLI 用法相似,但管理依赖项却大不相同;pnpm 的方法带来更好的性能和最佳的磁盘空间效率。Yarn Classic 仍然很受欢迎,但它被认为是遗留软件,并且在不久的将来可能会放弃支持。Yarn Berry PnP 是新贵,但尚未看到它彻底改变包管理器领域的潜力。不同的 node_modules 结构,有嵌套,扁平,甚至没有 node_modules,不同的结构也伴随着兼容与安全问题。不同的依赖存储方式来节约磁盘空间,提升安装速度。原创 2024-01-12 09:22:42 · 858 阅读 · 0 评论 -
NODE版本切换及仓库地址管理
版本管理node版本管理常见的有两种nvm和n。NVMnvm并非包管理器,它是用于管理多个node版本的工具在实际的开发中,可能会出现多个项目分别使用的是不同的node版本,在这种场景下,管理不同的node版本就显得尤为重要nvm就是用于切换版本的一个工具.使用nvmnvm提供了CLI工具,用于管理node版本在终端中输入nvm,以查看各种可用命令查看本地node版本nvm ls // 本地版本nvm ls-remote // 线上可下载版本下载版本nvm insta原创 2021-11-01 09:31:54 · 1133 阅读 · 0 评论 -
svelte应用封装安卓App之rollup中的babel集成
水平有限,如果存在问题欢迎大家访问我的博客批评指正.背景使用svelte开发了一个网站,并且需要进行Android端app转换,为了简单就采用了cordova来进行封装.一切就绪,但是编译后,嗯?白屏.经过分析与查证,估计问题出在我的手机上,因为提供的测试机是7.0的系统,貌似webview对于ES6的支持还不是很好,会不会是这原因的,先试试再说.大家了解,涉及到ES6兼容的问题我们首先想到babel,我现在要做的就是将babel转义集成进rollup.Babel是一个工具链,主要用于在当前和较原创 2020-07-15 16:42:52 · 329 阅读 · 1 评论 -
从清除浮动引起的BFC,IFC,FFC再学习
水平有限,如果存在问题欢迎大家访问我的博客批评指正.正文首先,'FC’肯定不是开封菜,而是Formatting context的简称.而在理解BFC等等概念之前,先让我们了解一下’FC’与’Box’是什么?-Formatting context 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。最常见的 Formatting context 有 Block fomatting context (简称BF原创 2020-05-13 10:39:48 · 407 阅读 · 0 评论 -
vue多页面自动化编译
基于vue-cli3的自动化多页面模板,在网上资源文章及自己需求的推动下,可以各页面独立资源分文件夹编译和原生所有资源统一编译.正文大家可以直接使用我改好的初始模板.自己搭建创建自动化脚本在项目根目录创建script文件夹,里面创建两个文件splitBuild.js和getPages.js.getPages.js// getPages.js 自动获取目录结构const glob...原创 2020-05-05 12:06:33 · 1112 阅读 · 0 评论 -
建设svelte生态靠大家
svelte生态的组件库比较少并且良莠不齐,因为技术选型的原因得用,只能在前人的基础上继续前进.svelma-pro基于开源项目svelma 扩展和修改, 所以在此感谢原作者c0bra以及bulma,svelte等团队.原项目组件比较少,存在一些小bug,所以我在在原有的组件库的基础上,扩展了一些常见的组件(例如时间,日期选择器,仿antd的layout布局,分页,等等),并对发现的一些...原创 2020-03-22 12:27:43 · 409 阅读 · 0 评论 -
Svelte跨组件状态管理
svelte中对于组件内的状态管理比较简单,但是如何像其它框架一样进行跨组件间交互呢?利用props进行状态传递我们首先通过官网APi可以了解到和其它框架一样的传递策略,它们使用props传递状态,从而进行交互。当一个组件需要与另一个组件共享数据时,可以在组件树中将状态上移,直到这些组件有了一个公共父级。需要向下传递状态,直到到达需要此状态信息的所有组件为止。这是使用props完成的,并...原创 2020-03-01 14:38:35 · 860 阅读 · 0 评论 -
ionic应用自动升级
正文升级是应用最基本的功能,因为很少有一个应用发布后不在进行后期维护!原生应用的升级比较常见,但是如今混合应用大热,因为项目,我就基于ionic框架实现了一个简单的升级,根据服务器端返回来确定强制还是非强制更新.插件安装file(访问文件)ionic cordova plugin add cordova-plugin-filenpm install --save @ionic-na...原创 2020-02-17 17:48:31 · 604 阅读 · 1 评论 -
vue+ts下对axios的封装
正文虽然vue中axios的使用已经十分方便,但是实际我们的日常操作中可能为了接口的规则一致,来创建一个统一管理的全局方法达到简化操作.而且在实际接口对接中,我们大多都需要对请求和响应进行拦截来进行token以及回调状态码的处理.那么我基于自己的需求简单分装了一下.(之前很少接触vue,主要用的ng和react,这次新项目想用vue来弄,熟悉一下vue的一些新特性和方法,有啥不对的,欢迎大家批...原创 2020-02-17 16:25:27 · 2151 阅读 · 0 评论 -
webpack4.0学习笔记
一直使用webpack,但没有系统学过,这次边学边记录.01_webpack4.0学习笔记之前端模块化02_webpack4.0学习笔记之走进webpack03_webpack4.0学习笔记之核心实践原创 2020-02-08 10:56:55 · 101 阅读 · 0 评论