首页
学习
活动
专区
工具
TVP
发布

禅林阆苑

www.csxiaoyao.com
专栏作者
99
文章
188823
阅读量
33
订阅数
一文搞定各类前端常见布局方式
缺点:若子元素脱离文档流,会导致 margin 失效,如 float、absolute、fixed
CS逍遥剑仙
2022-08-13
9290
ESLint 插件规则编写的正确打开方式
ESLint 是⼀个开源的代码静态分析修复⼯具 cli,解析代码为 AST 使用的是 espree 解析器,该解析器最初是从经典的 esprima 解析器中 fork 出来的,但是现在基于另一个媲美 esprima 的新轮子 acorn,同时,@babel/parser 也是基于 acorn 解析器的。
CS逍遥剑仙
2022-08-06
9450
使用 AST 实现 babel 插件编写
抽象语法树 (Abstract Syntax Tree) 是源代码语法结构的⼀种抽象表示,以树状描述编程语⾔的语法结构,每个节点表示源代码中的⼀种结构。AST常用于代码语法检查、⻛格检查、格式化、代码提示、混淆压缩、自动补全等,还可以用来优化代码结构,如 webpack 以及 CommonJS、AMD、CMD、UMD等代码规范之间的转化等。
CS逍遥剑仙
2022-08-01
1.2K0
【元宇宙】iOS16将支持WebXR!一起来撸个WebVR华容道吧
6月7日凌晨,苹果举行了2022年的WWDC全球开发者大会,在iOS16-Beta开发者预览版中,Safari已支持WebXR标准api。早在2018年,Chrome79 和 Firefox Reality 就已支持 WebXR 标准,而苹果可能是出于对自家 App Store 的保护,迟迟未跟进,被业内人士指责"拖累WebXR技术发展的最大障碍"。
CS逍遥剑仙
2022-06-20
2.2K0
webpack 学习笔记系列08-HMR热更新
HMR - Hot Module Replacement,当 webpack 开启 HMR 功能后,代码修改时 webpack 会重新打包,并将修改后的代码发送到浏览器,浏览器替换老的代码,保证了页面状态不会丢失,在不刷新整个页面的前提下进行局部更新。
CS逍遥剑仙
2021-06-27
1K0
webpack 学习笔记系列07-工作原理
webpack 的产出代码是根据不同配置,执行不同操作,拼接模板代码而成的,对于普通打包,webpack 的打包产物是一个 立即执行函数表达式 (IIFE),函数结构如下:
CS逍遥剑仙
2021-06-27
1.1K0
webpack 学习笔记系列06-打包优化
可选值:async(默认) | initial | all(推荐),针对下面的 a.js 和 b.js
CS逍遥剑仙
2021-06-27
1.7K0
swagger 在 egg 项目中的最佳实践
swagger 是一个 RESTful 接口的基于 YAML、JSON 语言的文档和代码在线自动生成工具,它让部署管理 API 变得前所未有的简单。swagger 在 java 界广为使用,其他语言同样可以方便地集成使用。本文以基于 node.js 的企业级应用框架 egg.js 为例,集成 swagger 以根据函数注释自动生成接口文档。
CS逍遥剑仙
2021-05-24
3.3K0
vue-cli 构建页面输出版本号
在前端项目中,由于浏览器缓存特性或是快速判断服务器 CI / CD 是否成功时,开发者需要知道当前加载的页面是否是最新构建的版本。在使用 vue-cli 构建项目时,虽然默认设置了打包 js 文件名使用 hash 防止缓存,但并不能通过 hash 判断构建版本是否是最新版。若能够在页面入口中,通过执行 console.log(version) 在控制台输出版本号,便可以轻松解决上述问题。
CS逍遥剑仙
2021-05-24
1.9K0
前端数据缓存 & 版本管理方案总结
越来越多的大型项目趋于 web 化,在浏览器中运行交互复杂的大型项目时,若每步交互都向后端提交 ajax 请求,除了增加服务器的负担外,等待相应的延迟也会降低用户体验。在前端项目中,使用 localstorage 进行数据缓存已是司空见惯的做法,但由于数据分布式地存储在多个前端浏览器中,因此数据的版本管理终究是绕不开的话题。
CS逍遥剑仙
2021-05-17
2.6K0
vue-moveable 上手笔记
moveable 是一个强大的开源web前端交互工具库,github 地址 https://github.com/daybrush/moveable,官方也提供了详尽的 api 文档:文档地址,对于刚接触的新用户可以通过官方提供的 demo 对其有一个直观的了解:demo地址。
CS逍遥剑仙
2021-04-13
2.4K0
C4D 学习笔记
c 转化为可编辑对象(塌陷):去除当前对象特殊属性,转化为普通对象,例如支持缩放,支持点线面操作等
CS逍遥剑仙
2021-04-04
2.2K0
H5页面适配及微信默认字号问题的最佳实践
移动端适配最简单的是通过js动态计算 viewport 的缩放值,但过于粗暴,会导致页面图片文字失真模糊。目前,移动端页面一般使用 rem 或 vw / vh 开发会较为方便,下面以 rem 为例:
CS逍遥剑仙
2021-04-04
2.8K0
公共模块管理之 Git Submodule 使用总结
在企业级项目开发中,对于较复杂的项目,不可避免地会引用一些公共基础库,或是将代码拆解成公共模块和多个子模块进行管理,主项目工程中的子模块需要对公共模块有依赖关系,却又不必关心公共模块内部的开发流程细节,若直接将公共代码复制到项目中显然是不合适的,因为不方便更新维护。关于公共模块的管理有很多成熟的实践,常见的有 npm 和 git submodule 两类方式:
CS逍遥剑仙
2021-03-21
4.7K0
webpack 学习笔记系列05-devserver
webpack-dev-server 是一个小型的 express 服务器,它通过 express 的中间件 webpack-dev-middleware 和 webpack 进行交互。
CS逍遥剑仙
2021-02-21
2.2K0
webpack 学习笔记系列04-资源处理优化
TypeScript 约定了 tsconfig.json 文件来存储项目配置,文档链接。
CS逍遥剑仙
2021-02-21
1.7K0
webpack 学习笔记系列03-babel
babel 是 JavaScript 的编译器,可以将最新 ES 语法的代码轻松转换成任意版本的 JavaScript 代码,其实现原理是先使用 Babylon 解释器将 JavaScript 语法解析成 AST,然后通过遍历处理这颗树实现代码转换。在 babel 中可以通过配置 browserslist 来针对不同的浏览器组合,生成不同的适配代码。
CS逍遥剑仙
2021-01-01
1.6K0
【云+社区年度征文】webpack 学习笔记系列02-模块化开发
三大 JavaScript 主流模块规范:CommonJS、AMD 和 ES6 Module。CommonJS 和 AMD 都未统一浏览器和客户端的模块化规范。目前 Node.js 使用 CommonJS 作为官方的模块解决方案,虽然内置的模块方案促进了 Node.js 的流行,但是也为引入新的 ES Modules(ESM)标准造成了一定的阻碍,不过 Node.js 9.0+ 已经支持 ESM 语法。
CS逍遥剑仙
2020-12-23
1.1K0
【云+社区年度征文】webpack 学习笔记系列01-基础命令与常见配置
webpack 命令可以在 package.json 中的 script 字段中添加命令,再使用 npm 执行:
CS逍遥剑仙
2020-12-19
1.2K0
【云+社区年度征文】浅谈 TensorFlow.js 在前端的工程化应用
Google 推出 TensorFlow.js 已有多年,JavaScript 也不知不觉成为了世界上最好的语言。相信对于大多数没接触过机器学习的前端工程师来说,都有一个共同的疑惑:TensorFlow.js 到底能做些什么?
CS逍遥剑仙
2020-11-14
3K0
点击加载更多
社区活动
Python精品学习库
代码在线跑,知识轻松学
【玩转EdgeOne】征文进行中
限时免费体验,发文即有奖~
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·干货材料·成员作品·最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档