前端
文章平均质量分 86
ziyouniao1993
这个作者很懒,什么都没留下…
展开
-
webpack与rollup
webpack与rollup关于webpack和rollup关于两个打包工具的选择关于webpack和rollup一、Webpack始于2012年,由 Tobias Koppers发起,用于解决当时现有工具未解决的的一个难题:构建复杂的单页应用程序(SPA)。特别是 webpack 的两个特性改变了一切:1、代码拆分(Code Splitting) :可以将应用程序分解成可管理的代码块,可以按需加载,这意味着你的用户可以快速获取交互性的网站,而不必等到整个应用程序下载和解析完成。2.静态资源(S原创 2021-11-09 15:52:30 · 699 阅读 · 0 评论 -
性能优化的几大原则
核心思想:尽量让首屏的有意义的内容尽早展现,非首屏的信息延迟或按需加载。1、能不加载就不要加载1.去除不需要的js,例如 gio.js,growingIO公司已经不续费bi_params = {…disableGIO: true};跟端相关的jssdk按需加载,只有在相应的端才加载对应的端的sdk的js,例如微信sdk其他端的js也是,支付宝,百度小程序,app codova.js3. passport.js ?根据是否需要登陆按需进行加载4. 非首屏图片懒加载,包括轮播图非首张图原创 2020-09-11 15:08:17 · 624 阅读 · 0 评论 -
typescript + vue开发项目
标题一、搭建模板1.搭建vue-cli3模板2.vue add @vue/typescript命令搭建typescript + vue项目,会将项目自动转换成ts开发环境。下面开始开发~标题二、准备事项全局申明-在./src/shims-vue.d.ts中申明全局变量shims-vue.d.ts 这个文件,主要用于 TypeScript 识别.vue 文件,Ts 默认并不支持导入 vue 文件,这个文件告诉 ts 导入.vue 文件都按VueConstructor处理,因此导入 vue 文件必须原创 2020-09-09 12:00:30 · 329 阅读 · 0 评论 -
React VS Vue
react和vue是市面上最流行的两个前端框架,下面对react和vue的特性进行一个对比。1.模板表面上,模板的语法不同:React 是通过JSX渲染模板而Vue是通过一种拓展的HTML语法进行渲染深层上,模板的原理不同,这才是他们的本质区别:React是在组件JS代码中,通过原生JS实现模板中的常见语法,比如插值、条件判断、循环等,都是通过JS语法实现的Vue是在和组件JS代码分离的单独的模板中,通过指令来实现的,比如v-if2.Vue和React中数据绑定原理不同Vue通过gette原创 2020-09-09 11:56:59 · 158 阅读 · 0 评论 -
node框架-koa2.x学习笔记
标题一、koa与express1.他们都是node-web开发的框架2.koa分两个版本,一个是1.x的使用Generator来写,2.x是使用async来写标题二、说明1.koa官网介绍,node版本要>7.6才能使用async2.如果node版本<=7.6,使用async就要配置插件,插件推荐babel-register3.如果node版本<=7.6,解析和编译async方法至少要有babel-plugin-transform-async-to-generator或者bab原创 2020-09-09 11:53:24 · 246 阅读 · 0 评论 -
webpack学习笔记
1、一个最简单的webpack项目初始化的webpack项目的基本配置:①webpack.config.js:是webpack默认配置文件②package.json:主要定义整个项目信息③package-lock.json:npm install后生成的文件,用以记录当前状态下实际安装的各个npm package的具体来源和版本号④src:源代码⑤node_modules:项目依赖包⑥dist:建构后输出的代码2、webpack.config.jswebpack在执行时,除在命令行传入参原创 2020-09-09 11:34:20 · 230 阅读 · 0 评论 -
node相关答疑/笔记
下面是我在学习node过程中的一些答疑/笔记,希望有帮助~1、process.cwd()与__dirname区别process.cwd() 是当前执行node命令时候的文件夹地址 ——工作目录,保证了文件在不同的目录下执行时,路径始终不变__dirname 是被执行的js 文件的地址 ——文件所在目录Nodejs官方文档上的解释:=> process.cwd(): The process.cwd() method returns the current working directory o原创 2020-09-09 11:28:11 · 162 阅读 · 0 评论 -
this的原理
一、this是什么?理解this之前, 先纠正一个观点,this 既不指向函数自身,也不指函数的词法作用域。如果仅通过this的英文解释,太容易产生误导了。它实际是在函数被调用时才发生的绑定,也就是说this具体指向什么,取决于你是怎么调用的函数。二、this的四种绑定规则this的四种绑定规则是默认绑定、隐式绑定、显示绑定、new 绑定。优先级从低到高~1、默认绑定默认绑定是没有其他绑定规则存在时的默认规则。是最常用的绑定规则。默认绑定规则:this绑定给Window。function fo转载 2020-09-09 11:25:54 · 446 阅读 · 0 评论 -
nodejs技术栈——express框架
一、express介绍Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。Express 框架核心特性:可以设置中间件来响应 HTTP 请求。定义了路由表用于执行不同的 HTTP 请求动作。可以通过向模板传递参数来动态渲染 HTML 页面。二、express的基本使用express实例var express = require('expres原创 2020-09-09 11:14:43 · 761 阅读 · 0 评论