摘要:
组件化的项目开发中,组件应当划分为三个层次:组件、模块、页面 微信小程序已经为开发者封装好了基础组件,页面文件(pages)也有了详细的规定 而模块就需要自行开发,并且要和页面文件区分开,这就涉及到自定义组件 一、基本用法 在根目录下创建一个 components 目录,用于存放自定义组件 组件也是 阅读全文
摘要:
前段时间有朋友私信我 Vue + TypeScript 的问题,然后就打算写一篇 Vue + TypeScript 封装组件的文章 正好公司项目中需要封装一个表头查询组件,就拿出来分享一下~ 组件的整体思路是通过一个 config 数组生成列表的头部表单: PS:配合《Vue 爬坑之路(九)—— 用 阅读全文
摘要:
项目中原本使用的富文本编辑器是 wangEditor,这是一个很轻量、简洁编辑器 但是公司的业务升级,想要一个功能更全面的编辑器,我找了好久,目前常见的编辑器有这些: UEditor:百度前端的开源项目,功能强大,基于 jQuery,但已经没有再维护,而且限定了后端代码,修改起来比较费劲 boots 阅读全文
摘要:
小程序的代码包不能超过4M,为了压缩代码包的大小,可以通过第三方链接引入图标资源 Iconfont 无疑是最常用的第三方图标库,这里介绍一下在微信小程序引入 Iconfont 的方法 一、下载图标 首先挑选图标,添加入库 然后添加至项目 然后在“我的项目”中,将资源文件下载到本地 建议设置为 fon 阅读全文
摘要:
开发微信小程序需要注册一个小程序账号,具体流程可以参照官方教程: https://mp.weixin.qq.com/debug/wxadoc/dev/index.html 开通账户之后,在 “开发设置” 中获取到 AppID,然后打开开发工具创建项目 一、创建项目 创建项目的时候,建议把 AppId 阅读全文
摘要:
Element-UI 的 Table 组件很强大,但是我们的需求更强大... 简单粗暴的来一发效果图: 一、数据驱动 传统的拖动效果,都是基于通过 mousedown、mousemove、mouseup 事件来修改删减 dom 节点 但 Vue 是一个数据驱动的前端框架,开发时应尽量避免操作 dom 阅读全文
摘要:
夕阳西下,城楼上站岗的士兵打了个哈欠。 放眼望去,云蒸霞蔚,草长莺飞,一片大好春光。 但再美的风景,看了七年也会觉得枯燥无味。 始皇帝三十三年,他远离故土,随军南征岭南,平定百越。之后始皇帝划百越为三郡,设南征军为驻军,他便再没有回去。 他每日站在这城楼上,目光灼灼的望向北方,期盼着来自故土的消息。 阅读全文
摘要:
直接使用 Vue 构建前端单页面应用,页面源码时只有简单的几行 html,这并不利于网站的 SEO,这时候就需要服务端渲染 2016 年 10 月 25 日,zeit.co 背后的团队对外发布了一个 React 的服务端渲染应用框架 Next.js 几小时后,一个基于 Vue.js 的服务端渲染应用 阅读全文
摘要:
Typescript 在前端圈已经逐渐普及,Vue 2.5.0 改进了类型声明,使得对 TypeScript 更加友好 不过要想在项目中直接使用 TypeScript 仍然需要对项目进行一些改造 PS: 建议使用 Visual Studio Code 进行开发 vue-cli 3.0 可以直接创建 阅读全文
摘要:
瀑布流布局是一个之前挺火,现在也比较常见的一种布局 这种看起来参差不齐的多栏布局,重点在于每个元素等宽不等高,一般图片网站应用较多 随着页面滚动,数据块会在每列底部不断加载,理论上可以无限加载,且不会页面美观 Pinterest、花瓣网都是比较成熟的采用瀑布流布局的网站 效果图: PS:这篇博客只有 阅读全文