摘要:
功能说明: 1、调用手机拍照功能 2、调用相册功能 3、图片上传功能 4、图片预览功能 5、图片删除功能 关键点: 组件示例图 组件代码 upload_img.vue js: 说明: 图片上传完成后,使用getObjectURL来作预览功能处理。 温馨提示: 样式: 欢迎关注公众号,进一步技术交流: 阅读全文
摘要:
主要技术栈是Vue,两个库: html2canvas npm地址 jspdf 具体实现代码如下: 欢迎关注公众号,进一步技术交流: 阅读全文
摘要:
开篇前,我们先来看张图, 看node与W3C组织、CommonJS组织、ECMAScript之间的关系。 开篇前,我们先来看张图, 看node与W3C组织、CommonJS组织、ECMAScript之间的关系。 开篇前,我们先来看张图, 看node与W3C组织、CommonJS组织、ECMAScri 阅读全文
摘要:
webpack-merge 配置分离 随着我们业务逻辑的增多,图片、字体、css、ES6以及CSS预处理器和后处理器逐渐的加入到我们的项目中来,进而导致配置文件的增多,使得配置文件书写起来比较繁琐,更严重者(书写特定文件的位置会出现错误)。更由于项目中不同的生产环境和开发环境的配置,使得配置文件变得 阅读全文
摘要:
页面加载性能优化 在互联网网站百花齐放的今天,网站响应速度是用户体验的第一要素,其重要性不言而喻,这里有几个关于响应时间的重要条件: 用户在浏览网页时,不会注意到少于0.1秒的延迟; 少于1秒的延迟不会中断用户的正常思维, 但是一些延迟会被用户注意到; 延迟时间少于10秒,用户会继续等待响应; 延迟 阅读全文
摘要:
项目目录 上面这张图片是项目的目录结构,咋们一点一点来讲解: .wing:包括 Egret 项目的任务配置文件和启动配置文件。 wingProperties.json:Egret Wing 项目配置文件。 bin-debug:项目调试时,所产生的文件存放于此目录。 libs:库文件,包括 Egret 阅读全文
摘要:
1 引言 Nuxt 是基于 Vue 的前端开发框架,这次我们通过 Introduction toNuxtJS 视频了解框架特色以及前端开发框架的基本要素。 nuxt 与 next 结构很像,可以结合在一起看 视频简介: NuxtJs 的安装、目录结构、页面路由、导航模版、asyncData、meta 阅读全文
摘要:
计算属性 VS 侦听属性 Vue 的组件对象支持了计算属性 computed 和侦听属性 watch 2 个选项,很多同学不了解什么时候该用 computed 什么时候该用 watch。先不回答这个问题,我们接下来从源码实现的角度来分析它们两者有什么区别。 #computed 计算属性的初始化是发生 阅读全文
摘要:
在前端圈子里,对于 Babel,大家肯定都比较熟悉了。如果哪天少了它,对于前端工程师来说肯定是个噩梦。Babel 的工作原理是怎样的可能了解的人就不太多了。本文将主要介绍 Babel 的工作原理以及怎么写一个 Babel 插件。 Babel 是怎么工作的 Babel 是一个 JavaScript 编 阅读全文
摘要:
知识点摘要 本节课主要关键词为: 自动类型推断 / 类型断言 / 类型别名(type) / 映射类型(Pick/Record等...) / 条件类型(extends) / 类型推断(infer) 自动类型推断(不用你标类型了,ts自己猜) 第二课我们讲了那么多基础类型, 大家现在写ts的时候一定会在 阅读全文