随笔分类 -  JavaScript

对于JavaScript的实践
摘要:icon 的做法 在前端开发过程中,项目中使用 icon 是非常常见的。如何使 icon 正常地呈现在页面上是一个前端的职责之一。 接下来就整理下有关于 icon 的整理做法,参考了方老师的 「CSS深入浅出」课程。 场景:假设有一个 PSD 文件,里面包含了各种图标: 如果要把这些图片放到我们的项 阅读全文
posted @ 2018-11-12 12:01 小粒旬 阅读(334) 评论(0) 推荐(0)
摘要:Vue.js 重构移动端有赞商场 代码链接: "GitHub" 预览链接: "Git Pages" 本项目的开发让我了解并学习到以下几点: 1.在真实的开发工作环境与流程,一些项目结构的处理,让其更容易维护 2.数据接口的封装与切换,与上下游更好地协作 3.webpack 配置参数的一些原理和技巧 阅读全文
posted @ 2018-11-11 17:59 小粒旬 阅读(1203) 评论(0) 推荐(0)
摘要:用 React 完成一个 todolist 尝试一下之前没有接触过的框架: React。 项目代码链接: "GitHub" 项目预览链接: "Git Pages" 测试账号:123 测试密码:456 通过使用 react 完成一个 TODOList,具有以下功能: 1.可以注册并登录,PC和移动端都 阅读全文
posted @ 2018-10-30 14:28 小粒旬 阅读(1557) 评论(0) 推荐(0)
摘要:多人共享博客 上一个项目: "仿 CNODE 社区" 刚完成,感觉有点意犹未尽,对于 登录 这一块老师并没有展开,我先是用了 localStorage 自己瞎搞,跑通之后想了下,vuex 不是专门做全局状态管理的么?那么用 vuex 做登录是最合适不过的呀。于是又搜了些别人用 vuex 做登录状态管 阅读全文
posted @ 2018-10-22 15:57 小粒旬 阅读(308) 评论(0) 推荐(0)
摘要:表单与 v model / Component 内容包含:v model / component(全局注册/局部注册/父子组件之间传递数据/slot/动态组件等..) 哈哈,又是 demo 和基础概念理解。 边写 demo 边理解总结,花费两天终于完成,我要缓一天去学学 webpack ,接着回来再 阅读全文
posted @ 2018-10-04 19:05 小粒旬 阅读(239) 评论(0) 推荐(0)
摘要:Vue 中的内置指令 demo 通过 demo 了解 Vue 中一些常用的内置指令。 涉及到 v cloack / v once / 条件循环指令(v if / v else if / v else) / v show / 列表遍历渲染 (v for) / 数组更新、过滤排序 / 方法和事件 (修饰 阅读全文
posted @ 2018-09-30 21:54 小粒旬 阅读(230) 评论(0) 推荐(0)
摘要:生成一只皮卡丘 在 "这篇文章" 中,学习到了通过 JavaScript 代码,利用定时器每次同时在 HTML 和 CSS 中输入固定的字符达到实时代码预览的效果,其中用到了 prism.js 库给代码添加高亮,用了 marked.js 库把 markdown 转换成 HTML ,并在页面中展示出来 阅读全文
posted @ 2018-09-28 21:20 小粒旬 阅读(453) 评论(0) 推荐(0)
摘要:还是继续入门 demo 这篇博文应该有点长,因为觉得了解了 computed 之后,应该还会继续学下去,所以这里会包含 computed 和 v bind 的相关学习内容。 computed 什么是计算属性 所有的计算属性都以函数的形式写在 Vue 实例内的computed 选项内,最终返回计算后的 阅读全文
posted @ 2018-09-27 22:23 小粒旬 阅读(205) 评论(0) 推荐(0)
摘要:编写会动的简历 今天跟着方老师做了一个会动的简历,思路就是通过 JavaScript 代码,利用定时器每次同时在 HTML 和 CSS 中输入固定的字符达到实时代码预览的效果,其中用到了 prism.js 库给代码添加高亮,用了 marked.js 库把 markdown 转换成 HTML ,并在页 阅读全文
posted @ 2018-09-26 15:21 小粒旬 阅读(1507) 评论(1) 推荐(2)
摘要:使用 Vue.js 创建一个 CNODE 社区 (1) 入门 终于学到了 Vue,选的毕设是用 Vue 创建一个类似 CNODE 的社区。 Vue 作为一个主要运用了 MVVM 架构的框架,很值得我们去学习,就先从 Vue 的 "官方网站教程" 中过一遍 demo,尽快熟悉关于 Vue 的各种基础概 阅读全文
posted @ 2018-09-24 20:38 小粒旬 阅读(522) 评论(0) 推荐(0)
摘要:整理JavaScript高级基础知识 因为空余时间很多..所以博客更新频率得相对频繁些.. 原型以及原型链 考察原型以及原型链: this 考察 this: new fn() 会执行 fn,并打印出 this,请问这个 this 有哪些属性?这个 this 的原型有哪些属性? this 自身没有属性 阅读全文
posted @ 2018-09-21 22:10 小粒旬 阅读(150) 评论(0) 推荐(0)
摘要:再谈this 关于 this,之前有写一篇文章略微涉及到: "就是这里" 。 当时还没理解得很深入,浅尝辄止的感觉,也没有很全面地总结 this 的指向和用法。 直到我昨晚看到了一篇博文,google搜索 出来的第一篇 "文章" ,茅塞顿开,对于 this 有了更直观更全面更细致更清晰的了解!我真希 阅读全文
posted @ 2018-09-21 12:30 小粒旬 阅读(126) 评论(0) 推荐(0)
摘要:面向对象编程浅析 关于面向对象编程(Object Oriented Programming),每个人都有关于自己的理解,我们来参考一下维基的定义: 是不是觉得很拗口?反正我是这么觉得的... 因为他足够抽象,抽象到只有那种资深、拥有一定编程经验的程序员才能总结、归纳出来。 作为(或者说是着手)一篇技 阅读全文
posted @ 2018-09-20 18:03 小粒旬 阅读(440) 评论(0) 推荐(0)
摘要:MVC浅析 MVC或多或少都有听说过,我知道如果要作为一个前端的话,MVC应该是一个显示技术水平的槛,是绕不过去的,所以我乖乖来写这篇文章,对MVC进行一些粗浅的分析和归纳,以加深对MVC的理解。 MVC是一种代码组织形式,他把代码依据功能的不同划分成三个部分,分别是Model、Controller 阅读全文
posted @ 2018-09-19 13:31 小粒旬 阅读(157) 评论(0) 推荐(0)
摘要:使用leanCloud实现数据存储和读取 项目链接: "GitHub" 效果预览: "Git Pages" 需求:给网站添加一个留言功能。 所以需要一个数据库来存放留言信息,再通过这个数据库的接口获取留言信息,在项目页面展示出来。 选用: "leanCloud" 一个自带数据库和增删改查(CRUD) 阅读全文
posted @ 2018-09-18 22:24 小粒旬 阅读(379) 评论(0) 推荐(0)
摘要:JavaScript模块化浅析 什么是模块化 个人通过学习之后的大概认知就是:模块化就是通过将不同功能的代码经过划分,放进不同的文件,通过规范的命名和输出,达到让代码易于管理、维护的一种代码组织方式。 接下来就通过一个小栗子,重现一下学习过程,来验证一下一段代码是怎么逐渐模式化的。 假设我们有源代码 阅读全文
posted @ 2018-09-17 16:54 小粒旬 阅读(160) 评论(0) 推荐(0)
摘要:在此之前,我有记录过如何用jQuery完成轮播,详见 "博客文章" ,其过程十分鬼畜,要考虑很多问题。 虽然实现的过程中学习到了很多东西,但是工作之后一个轮播也要自己手把手撸的话可没有那么多时间。 现在的库那么多,为什么不直接用现成的库来实现呢? 今天就记录一下用swiper来实现轮播: "Swip 阅读全文
posted @ 2018-09-14 17:29 小粒旬 阅读(138) 评论(0) 推荐(0)
摘要:学习AJAX(2) 学习要点:通过学习,运用之前学过的知识,自己封装一个AJAX。 在以前的一篇 "博文" 中,展示了如何把代码封装起来,使用起来更顺手,结构更简洁。 现在我们就来对上一篇 "博文" 中的AJAX进行封装。 之前的代码: 实现jQuery.ajax 把请求路径、请求方式、请求体、请求 阅读全文
posted @ 2018-09-12 19:02 小粒旬 阅读(136) 评论(0) 推荐(0)
摘要:AJAX入门 听了方老师的课程,配上了阮一峰阮老师的 "教程" 食用,整理记录一些使用AJAX所需的知识点。 什么是AJAX Asynchronous JavaScript and XML 的缩写,指的是通过 JavaScript 的异步通信,从服务器获取 XML 文档从中提取数据,再更新当前网页的 阅读全文
posted @ 2018-09-11 22:09 小粒旬 阅读(156) 评论(0) 推荐(0)
摘要:关于JSONP 今天学习到了JSONP,关于JSONP的定义和用法在阮一峰阮老师的 "博客" 里讲解得很清楚了,这里只是记录一些关于JSONP的点。 回调函数的命名 在阮老师的博客中举的例子是回调函数命名为foo,在实际使用环境中回调函数一般是搭配着随机数使用,使用时实时生成,使用过后销毁此函数。 阅读全文
posted @ 2018-09-09 20:50 小粒旬 阅读(245) 评论(0) 推荐(0)