前端面试资料整理【工具篇】
cjs 是运行是加载(export.module返回的是实际代码,顺序执行,阻塞执行),esm 是编译时输出接口(export 返回的是挂载在 webpack_require.d 上的 key)
VS Code插件开发指南(view-readme)
在本地安装好所有npm包后,有的时候想看看某个模块的文档,了解其特性以及如何使用。于是打开node_modules文件夹,大家都知道,这个文件夹里面的文件是非常多的,很难定位到我们想看的模块,并且这么多的目录树展开后,严重影响到编辑的使用。
VUE单页应用首屏加载速度优化方案
单页应用会随着项目越大,导致首屏加载速度很慢!!!以下给出在下知道的几种优化方案 使用CDN资源,减小服务器带宽压力 路由懒加载 将一些静态js css放到其他地方(如OSS),减小服务器压力 按需加载三方资源,如iview,建议按需引入iview中的组件 使用nginx开启gzip减小网络传输的流量大小 若首屏为登录页,可以做成多入...
webpack-cli 在 webpack 打包中的作用
本篇文章为webpack系列文章的第一篇,希望我的一些学习收获也可以帮助到其它更多的人webpack Introductionwebpack 是一个静态的模块化打包工具,为现代的JavaScript应用程序服务打包 bundler:webpack可以帮助我们进行打包,所以它是一个打包工具静态的static:将代码打包成最终的静态资源(部署到静态服务器)模块化mod...
2022-04-28
Node.js 中的模块
module 在 nodejs 里是一个非常核心的内容,本文通过结合 nodejs 的源码简单介绍 nodejs 中模块的加载方式和缓存机制。如果有理解错误的地方,请及时提醒纠正。
treer:命令行生成目录结构的实用小工具
有时候在写说明文档的时,需要列出文件的一个目录结构,几次手动拼接之后,写了一个cli小工具来自动生成。 安装方法: {代码...} 如此我们便可以快速的生成目录结构啦! 生成结果 {代码...} 指定目录 默认的目录为当前的路径,可以通过-d 传入指定的路径 {代码...} 导出结果 可将结果导出到文件中 {代码...} 忽略指定的目...
关SSL_ERROR_SYSCALL in connection to github.com:443错误的两种解决方案
文章来源: [链接] 错误来源 使用使用hexo部署博客是,遇到以下错误: {代码...} 两种解决方案: 方案一 取消http代理: {代码...} 设置env GIT_SSL_NO_VERIFY为true然后再次部署: {代码...} 问题解决。 方案二 在hexo项目的根目录下的_config.yml文件中把仓库链接地址由https修改为ssh的地址。
如何从 git reset --hard 中拯救代码
上个周末遇到了一个这样的场景 场景 自己写了大半天的一个小东西的代码,目录结构大概如下 {代码...} 睡前本来准备上传到github仓库 git init git add -A 发现忘记添加.gitignore,把node_modules文件都add进去了于是手贱输入了git reset --hard 然后发现...目录里的东西全部没了(只剩下.git/文件架), 当时我的内心 挽救 ...
npm install、npm init、npm update、npm uninstall和package.json
npm install <package_name>:这个命令将在当前目录中创建node_modules目录(如果尚不存在),并将该软件包下载到该目录。该命令默认本地安装。
react-web使用
react-web是淘宝前端团队开发的一个可以把react-native转换成web的工具, 大体上能实现了移动端的iOS/安卓/移动web这三端的代码共用. 当然细节上是充满了各种有解无解的坑.
2017-03-09
react ref三种使用方式,获取元素内容
受控组件在react中,input标签的部分属性受到react控制,如onChange是基于input 和change 事件进行封装非受控组件对于没有经历过封装的一些属性或者方法,可以通过ref去获取这个dom元素,再去获取或触发其自身的属性和方法(这点的话和Vue是一样的)
2021-12-07
[译]教程:如何使用Rollup打包JavaScript
教程:如何使用Rollup打包JavaScript 通过这个系列教程一步一步学习如何使用更小更快的Rollup取代webpack和Browserify打包JavaScript文件。 这周,我们要使用Rollup构建我们的第一个项目,Rollup是一个打包JavaScript(和样式,不过下周才会做)的构建工具。 通过这个教程,我们的Rollup将能够: 合并scripts代码, 删除多...
es6+angular1.X+webpack 实现按路由功能打包项目
之前使用jspm来打包项目 但是有个最大的缺点,就是只能把项目打包成一个大的js,当项目开发到后期会很大,网上找了很久也没找到合理的jspm打包方式。 所以开始调研可以打包angular项目成多个文件的工具.
springboot+vue 项目持续部署
安装nodejs 下载 {代码...} 解压 {代码...} 创建软链接 {代码...} 查看版本 {代码...} jenkins设定 新建job:省略 设定pom编译前执行的命令: 进入到工程目录,npm安装和webpack {代码...} 出现错误1: {代码...} 解决: 在命令行查看npm -v就知道真相了。这是nodejs安装前,或是安装后没把命令放到/usr/local/bin时出的...
node.js 学习记录
一.安装NodeJS依赖的库或工具 {代码...} 1.安装node.js CentOS 下安装 Node.js1、下载源码,你需要在[链接]下载最新的Nodejs版本,本文以v0.10.24为例: {代码...} 2、解压源码 {代码...} 3、 编译安装 {代码...} 4、 配置NODE_HOME,进入profile编辑环境变量 {代码...} :wq保存并退出,编译/etc/profile 使配置生效 {代...
如何优雅的修改node_modules中的依赖库
2.在package.json 的scripts中加入 { "postinstall": "patch-package" },这是npm的一个钩子,会在依赖包被install之后执行
ionic2.0之typescript版的工程搭建
工程创建 Issue permissions subscribe npm permissions solve {代码...} Error TS2661 subcribe {代码...} solve: adding {代码...} {代码...} Cordova-lib execution subscribe {代码...} solve {代码...} 或者 {代码...} Installation 环境准备 OS: OS X EI Capitan x64 node version:v5.9.1 npm version:3.7.3 tsc...
2016-04-01