渣渣大星星的学习笔记


  • Home

  • Categories

  • About

  • Archives

  • Tags

ionic-native

Posted on 2019-08-13 | In ionic-native
Ionic-native5.x版本以上处理装饰器,在npm run build:esm的scripts命令里,有使用到scripts/build/transformers/plugin-class.ts文件里的方法来处理,这个后面再来研究。先写4.x版本的。 新建项目123456789$ npm install -g ionic$ ionic start myApp$ npm i -g cordova#安装插件$ ionic cordova plugin add cordova-plugin-c ...
Read more »

prerender-spa-plugin 预渲染

Posted on 2019-08-13 | In webpack
定义在构建阶段生成匹配预渲染路径的 html 文件(注意:每个需要预渲染的路由都有一个对应的 html)。构建出来的 html 文件已有部分内容。 用途预渲染prerender-spa-plugin配置生成多页面,解决首屏白屏问题,提升用户体验。同时配合 vue-meta-info 可以生成 title 和 meta 标签,可解决 SPA 页面的 SEO 痛点 使用安装 1$ npm install prerender-spa-plugin --save 目录结构 123456789101112 ...
Read more »

webpack构建

Posted on 2019-08-11 | In webpack
Tapable webpack构建过程Webpack 的运行流程是一个串行的过程,从启动到结束会依次执行以下流程: webpack会读取你在命令行传入的配置以及项目里的 webpack.config.js 文件,初始化本次构建的配置参数,并且执行配置文件中的插件实例化语句,生成Compiler传入plugin的apply方法,为webpack事件流挂上自定义钩子。 接下来到了entryOption阶段,webpack开始读取配置的Entries,递归遍历所有的入口文件 Webpack接下来就开 ...
Read more »

大前端混合应用专题篇(4)

Posted on 2019-07-14 | In 混合应用
1️⃣、请选择一个你比较熟悉的 cordova 插件,介绍其功能、使用方式及运行原理。 插件:cordova-plugin-camera 功能:供照相机API与设备相机进行交互 调用示例和参数: 1navigator.camera.getPicture(cameraSuccess, cameraError, cameraOptions); Name Type Default Description quality number 50 图像的保存质量,范围0-100,100是最大值, ...
Read more »

npm install后发生了什么

Posted on 2019-07-11 | In npm
npm install 之后发生了什么? 记一次排错经历——npm缓存浅析 npm 模块安装机制简介 介绍下 npm 模块安装机制,为什么输入 npm install 就可以自动安装对应的模块? npm install是干嘛的npm install命令用来安装模块到node_modules目录。 安装之前,npm install会先检查node_modules目录之中是否已经存在指定模块。如果存在,就不再重新安装了,即使远程仓库已经有了一个新版本,也不会安装。 如果希望一个模块不管是否安装过 ...
Read more »

npm scripts

Posted on 2019-07-08 | In npm
npm scripts https://blog.51cto.com/sunspot/1265650 Node.js process npm脚本npm 允许在package.json文件里面,使用scripts字段定义脚本命令。 12345... "scripts": { "build": "node build.js" }... 通过npm run <command> [--<args>]执行,每当执行npm run xxx,就会自动新建 ...
Read more »

大前端混合应用专题篇(3)

Posted on 2019-07-07 | In 混合应用
1️⃣、在 Android 平台下如何调试 WebView?Android调试webview 从 Android4.4(KitKat)开始 ,可以使用DevTools对原生Android应用程序的Android WebViews内容进行调试。 在Android设备或模拟器运行Android4.4或更高版本,Android设备上启用USB调试模式。 Chrome 30或更高版本。更强大的WebView界面调试功能需要Chrome31或更高版本。 Android应用程序中的WebView配置为 ...
Read more »

记录平时遇到的疑难杂症

Posted on 2019-07-05 | In 疑难杂症
项目中关于css样式-webkit-box-orient: vertical打包丢失原因:autoprefixer会自动移除老式过时的代码(就是自动补全css前缀的东西)。 解决方案: 123/*! autoprefixer: off */-webkit-box-orient: vertical;/*! autoprefixer: on */ 解决Webpack中提示syntax ‘classProperties’ isn’t currently enabled的错误安装插件 1$ npm i ...
Read more »

大前端混合应用专题篇(2)

Posted on 2019-06-30 | In 混合应用
1️⃣、iOS 平台中 UIWebView 与 WKWebView 有什么区别? UIWebView特点: 加载速度慢; 内存占用多,内存优化困难; 如果内存占用过多,还可能因为占用过多被系统kill掉。 UIWebView的内存占用不会在关闭WebView时主动回收,每次新开WebView都会消耗额外内存。 WKWebView的特性: 在性能、稳定性、功能方面有很大提升,内存占用是UIWebView的1/4~1/3; 允许JavaScript的Nitro库加载并使用(UIWebView中限 ...
Read more »

npm

Posted on 2019-06-29 | In npm
前端工程化(5):你所需要的npm知识储备都在这了 https://juejin.im/post/5ab3f77df265da2392364341 semver规范 package-lock.json npm 是什么npm是随同NodeJS一起安装的包管理工具。 常见使用场景: 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。 发布npm包一、安装n ...
Read more »
1…789…18
秦瀚文

秦瀚文

172 posts
48 categories
48 tags
© 2020 秦瀚文
Powered by Hexo
Theme - NexT.Muse