小粒旬

摘要： 开发小程序 写在前面：这是学习了若愚老师的课程开发的一款翻译小程序，为什么选择了小程序，是因为在此之前，对于小程序开发是基本上没有去了解过，借此机会，也是希望能熟悉一下小程序的一些项目开发流程。 以下是此款小程序的主要功能和界面： 首页： 首页功能：翻译、复制翻译结果、清空输入框 语言选择： 可选择 阅读全文

摘要： 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 更接近编译器。 我 阅读全文