
前端开发
极客James
热衷技术,热爱生活。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue电商项目 封装svg
一、写在前面???? 哈喽~各位小伙伴,最近利用工作之余开源了Vue电商项目,高仿某知名O2O买菜平台,整个项目做下来收获还是蛮多的,可以扫描下方二维码体验,本篇是项目的核心知识拆解篇,主要是拆解项目中svg组件封装使用。 点我体验 ???????? 开源两周已获得了1.1K+的点赞 开源不易 感谢小星星 二、啥是SVG图? 业内知名博主张鑫旭前辈很早就说了SVG Sprittes未来必火,具体为啥火,我偷个懒,...原创 2019-12-09 17:37:54 · 1064 阅读 · 0 评论 -
Vue电商项目-商品飞入购物车特效实现
一、写在前面???? 各位小伙伴,好久不见,最近利用工作之余开源了Vue电商项目,高仿某知名O2O买菜平台,整个项目做下来收获还是蛮多的,可以扫描下方二维码体验,本篇是项目的核心知识拆解篇,主要是拆解增加商品飞入购物车的实现过程。 点我体验 首先我先简单的介绍下本项目所用到的技术栈: 整个项目采用vue-cli3脚手架搭建,Vue全家桶(vue、vuex、vue-router)、Vant UI框架...原创 2019-11-25 09:59:24 · 2856 阅读 · 0 评论 -
Vue电商项目-登录注册仿掘金可爱萌猫
阅读时间预计5分钟,干货满满,记得点赞加收藏哦???? 原文链接 一、写在前面 各位掘友久等了,最近在写Vue全家桶+Vant从零开发搭建电商App实战项目,项目基本完结,后面会不定期分享出来,期待各位掘友的关注。 二、注册登录 注册登录,几乎是所有电商App必备模块,正好今天想把这块知识拆出来,详尽的写下来了,用过掘金的小伙伴都知道,掘金PC端的登录界面非常的萌,当你输入账号的时候萌猫会很开心,输入...原创 2019-11-11 14:31:49 · 1779 阅读 · 2 评论 -
jQuery 源码剖析 (五) 事件绑定原理剖析
jQuery 源码解析代码及更多学习干货: 猛戳GitHub 本篇代码为 my-jQuery 1.0.5.js 一、基础知识 1.DOM 0级事件模型: 通过JS指定事件处理程序传统方式,就是将一个函数赋值为一个事件处理程序属性。onclick 2.DOM 2级事件模型:规定的事件流包括3个阶段:事件捕获阶段、处于目标阶段和时间冒泡阶段,首先发生的是事件捕获,然后处于目标阶段,最后是事件冒泡。 ...原创 2019-08-16 15:40:34 · 253 阅读 · 0 评论 -
jQuery 源码剖析 (四) Deferred异步回调原理分析及实现
jQuery 源码解析代码及更多学习干货: 猛戳GitHub 本篇代码为 my-jQuery 1.0.4.js 建议阅读本篇先弄懂上一篇Callbacks 原理分析,因为Deferred异步回调是基于Callbacks。下载源码然后根据文章思路学习,最好自己边思考边多敲几遍。 一、基本概念 Promise/A+规范 首先推荐各位阅读一下 Promise/A+规范 Promise作为一个模型,...原创 2019-08-16 15:39:27 · 341 阅读 · 0 评论 -
jQuery 源码剖析 (三) Callbacks原理分析及实现
jQuery 源码解析代码地址: https://github.com/Geek-James/Blog 本篇代码为 my-jQuery 1.0.2.js my-jQuery 1.0.3.js 建议下载源码然后据文章思路学习,最好自己边思考边多敲几遍。 一、Callbacks基本概念 1..callbacks用于管理函数队列。2.通过add添加处理函数到队列中,通过fire去执行这些函数。3..c...原创 2019-08-16 15:37:59 · 333 阅读 · 0 评论 -
jQuery 源码剖析 (二) 选择器
jQuery 源码解析代码地址: https://github.com/Geek-James/Blog 建议下载源码然后据文章思路学习,最好自己边思考边多敲几遍。 一:剖析源码前准备 1.首先官网下载源码jQuery官网 2.选择jQuery版本并下载到本地,并在本地给自己新建件myjQuery-1.0.1.js(这个文件是用来仿写jQuery). 3.创建入口文件并引入这官方jQuery和自...原创 2019-08-16 15:36:09 · 213 阅读 · 0 评论 -
jQuery源码剖析 (一) 核心功能函数
jQuery 源码解析代码地址: 猛戳GitHub 建议下载源码然后据文章思路学习,最好自己边思考边多敲几遍。 开篇题外话:为什么要写这篇文章? 提到jQuery,相信很多前端工程师都知道,这个已经火了十来年的框架,为前端开发提供便利性的同时也解决了各种各样的浏览器兼容性问题,一个框架为什么这么火原创 2019-08-16 15:34:01 · 277 阅读 · 0 评论 -
前端开发 学习资源整理
整理最有趣的前端技术教程及文档,欢迎大家都来补充让更多的多学找到学习一手好资料 前端工具 Git 入门篇 高级篇 索引篇 原版 原版翻译 Git 的奇技淫巧 Webpack 文档 插件 Paracle 文档 Gulp 文档 Grunt 文档 Rollup 文档 Browserify 官方文档 Lerna 官方文档 入门介绍 代码质量 vue es...原创 2019-07-03 10:31:43 · 422 阅读 · 0 评论 -
apply、call 、bind 使用总结
参考网站 this、apply、call、bind 深入浅出 妙用Javascript中apply、call、bind apply() apply() 方法调用一个函数, 其具有一个指定的this值,以及作为一个数组(或类似数组的对象)提供的参数 语法: fun.apply(thisArg, [argsArray]) thisArg:在 fun 函数运行时指定的 this 值。需要注意的...原创 2019-06-17 10:01:34 · 628 阅读 · 0 评论 -
JavaScript的继承
继承 原型链 其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法 简单回顾一下构造函数、原型和实例的关系:每 个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型 对象的内部指针。那么,假如我们让原型对象等于另一个类型的实例,结果会怎么样呢?显然,此时的 原型对象将包含一个指向另一个原型的指针,相应地,另一个原型中也包含着一个指向另一个构造函...原创 2019-05-27 08:48:01 · 274 阅读 · 0 评论 -
高效率冒泡排序优化算法
冒泡排序动画: 手工版 // 第一轮 6次 // 45 67 23 88 21 6 99 // 45 23 67 88 21 6 99 // 45 23 67 88 21 6 99 // 45 23 67 21 88 6 99 // 45 23 67 21 6 88 99 // 45 23 67 21 6 88 99 // 第二轮 6次 // 23 45 67 21 6 88 99 // 23 ...原创 2019-04-30 16:43:23 · 705 阅读 · 2 评论 -
JavaScript数据类型及数据类型转换
参考网站: blog 你可能忽略的js类型转换 JavaScript中的强制类型转换 深入了解JS的类型、值、类型转换 数据类型 string boolean number object function symbol(符号(ES6新增)) 对象类型 Object Date Array RegExp 正则 Function 不包含任何值的数据类型 null undef...原创 2019-05-05 17:23:41 · 261 阅读 · 0 评论