摘要:
开发小程序 写在前面:这是学习了若愚老师的课程开发的一款翻译小程序,为什么选择了小程序,是因为在此之前,对于小程序开发是基本上没有去了解过,借此机会,也是希望能熟悉一下小程序的一些项目开发流程。 以下是此款小程序的主要功能和界面: 首页: 首页功能:翻译、复制翻译结果、清空输入框 语言选择: 可选择 阅读全文
摘要:
icon 的做法 在前端开发过程中,项目中使用 icon 是非常常见的。如何使 icon 正常地呈现在页面上是一个前端的职责之一。 接下来就整理下有关于 icon 的整理做法,参考了方老师的 「CSS深入浅出」课程。 场景:假设有一个 PSD 文件,里面包含了各种图标: 如果要把这些图片放到我们的项 阅读全文
摘要:
Vue.js 重构移动端有赞商场 代码链接: "GitHub" 预览链接: "Git Pages" 本项目的开发让我了解并学习到以下几点: 1.在真实的开发工作环境与流程,一些项目结构的处理,让其更容易维护 2.数据接口的封装与切换,与上下游更好地协作 3.webpack 配置参数的一些原理和技巧 阅读全文
摘要:
CSS Warning 在 flex 布局之前,有各种布局方式: float + clear position relative + absolute display inline block 负边距(margin) 等。而 flex 作为一种布局方式,在很早之前就已经出现了,只不过碍于兼容性问题, 阅读全文
摘要:
用 React 完成一个 todolist 尝试一下之前没有接触过的框架: React。 项目代码链接: "GitHub" 项目预览链接: "Git Pages" 测试账号:123 测试密码:456 通过使用 react 完成一个 TODOList,具有以下功能: 1.可以注册并登录,PC和移动端都 阅读全文
摘要:
多人共享博客 上一个项目: "仿 CNODE 社区" 刚完成,感觉有点意犹未尽,对于 登录 这一块老师并没有展开,我先是用了 localStorage 自己瞎搞,跑通之后想了下,vuex 不是专门做全局状态管理的么?那么用 vuex 做登录是最合适不过的呀。于是又搜了些别人用 vuex 做登录状态管 阅读全文
摘要:
实战 经过了前面的 Vue 基础的铺垫,现在终于开始进行实战部分了。 代码链接: "GitHub" 预览链接: "Git Pages" 图片预览: cnode 社区基本架构 Header 头部 PostList 列表 Article 文章详情页 SideBar 侧边栏 UserInfo 个人信息 P 阅读全文
摘要:
vue router / Axios / vuex 学习 vue.js 中的 vue router / axios / vuex。 demo: 代码链接: "GitHub" 预览链接: "Git Pages" vue router vue router "官方文档" 实现:当用户输入不同的 url 阅读全文
摘要:
vue cli vue cli 是什么及为什么要使用他: Vue 提供了一个官方的 CLI,为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验,以及生产环境可 阅读全文
摘要:
render 关于 render 的更详细的内容可以查看 "Vue 官方文档" Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力,这时你可以用 render 函数,它比 template 更接近编译器。 我 阅读全文