移动端触摸轮播图迫害移动端继上次的经典轮播图的实现方案，这次配合了TouchEvent来实现了移动端的触摸轮播图。 这次原生的实现方式和 Vue 基本相同，由于需要实现触摸滑动，仅仅靠absolute定位和 Vue 的过渡动画是不够的。所以使用了经典的图片队列，然后克隆两张图片来调换队列。 封装组件这次把整个轮播图图都尝试封装成一个单独的组件，图片的队列和动画延时都由父组件传递 props 过来。 <Tou 2021-02-23 实践 JavaScript Vue
某咸鱼的 ToDoList 实践🐟为什么要迫害 ToDoList摸鱼了也挺长时间，是时候该尝试写个小案例安慰下自己了。 组件划分对于 ToDoList 来说，没有多少组件化的东西。主要还是对一些基本知识的练习。所以我将其划分了一个父组件和两个子组件，他们分别是：用于输入的 Button 和用于展示数据 List。 两个子组件分别对存在于父组件内保存的列表进行增删改的操作。 整体功能目录结构： $ tree -l 4 --igno 2021-02-11 实践 JavaScript Vue
经典轮播图的实现方案传统方式项目地址 传统方式实现轮播也算一个不小的工程量了，基本布局就是将所有的图片横向布局，并在首位分别克隆最后和第一张图片。当切换到克隆的图片时，并在动画播放快结束时，将这个图片队列复位。 当整个队列切换完了之后，会切换到克隆的 #1 图片上，再动画完成之后，我们悄悄的将其切换为真正的第一张图片。 传统方式的实现为了给各种数量的图片做适应，所以整个队列的宽度就不固定死了，而使用 JavaSc 2021-02-09 实践 JavaScript Vue
构造函数与绑定this丢失thisthis 是整个 JavaScript 语言里最令人头疼的特性。在 JavaScript 中，this 是动态的，也就是说它在运行时是变化的。也正因这一特性，this 的变化难以预料，不经意间就会发生令人意外的结果。 先来看一个最基本的例子。我们有一个很智能的 test 函数，它有一个 age 属性和一个 sayAge 方法： let test = { age: 18 2020-12-31 实践 JavaScript
真的是在写 JS - JavaScript 的类在 JavaScript 中所谓的类不过是 ECMAScript 2015 为其引入的语法糖。这个糖它只有甜味，它是构造函数的另一种写法，类语法不会为 JavaScript 引入新的面向对象的继承模型。 在之前学习 JS面向对象 的编程时，详细的研究过了关于 JavaScript 构造函数以及继承的问题。从工厂模式一直发展至今的寄生式继承，也解决了很多语言本有的问题。虽然类只是个语法糖，但是从很多 2020-12-30 笔记 JavaScript
某咸鱼的 AJAX 入门🐟AjaxAjax 是异步的 JavaScript 和 XML（Asynchronous JavaScript And XML）。简单点说，就是使用XMLHttpRequest对象与服务器通信。 它可以使用 JSON，XML，HTML 和 text 文本等格式发送和接收数据。Ajax 最吸引人的就是它的“异步”特性，也就是说它可以在不重新刷新页面的情况下与服务器通信，交换数据，或更新页面。 Ajax 2020-12-24 笔记 JavaScript
浏览器的老伙计-BOMECMAScript才是JavaScript的核心，在浏览器中，BOM无疑才是真正的核心（浏览器对象模型：BrowerObjectModel)。多年来，缺少事实上的规范导致BOM既有意思又有问题，因为浏览器提供商会按照各自的想法去随意拓展它。于是，浏览器之间共有的对象就成为了事实上的标准。 window对象BOM的核心对象是window，它表示浏览器的一个实例。在浏览器中，window对象有双重 2020-12-22 笔记 JavaScript
JavaScript 实践-乘法表从学习js到现在，也有一段时间了。曾经也尝试过写一些复杂的实践。后来经过测试，就算在入门阶段到了会写，那么距离最优代码还是有一定的差距。可能隔个几天回来自己都看不懂自己写的是什么了，杂乱无章。 最近打算先开始写一些简单的案例做做练习。无意中想到了经典的乘法口诀表，正好for循环也有过实践了，可以尝试一下。 for循环嵌套的一次练习。 思路有了想法之后，就要开始构建实现的思路。由于css还没跨过 2020-12-11 实践 JavaScript
Vue3 中的响应数据实时渲染在学习 Vue2.x 的过程中，做过一个更改数据从而触发实时渲染 DOM 的小实例。期间很顺利，而后在同样方法测试 Vue3 的时候发现遇到了一些不同的行为。根据查阅了一些文档以及源码，做出了一些推测。 数据与方法当一个 Vue 实例被创建时，它将 data 对象中的所有的 property 加入到 Vue 的响应式系统中。当这些 property 的值发生改变时，视图将会产生“响应”，即 2020-11-02 笔记 JavaScript Vue
JavaScript-可迭代对象与 for-ofIterable object（可迭代对象）可迭代（Iterable） 对象是数组的泛化。这个概念是说任何对象都可以被定制为可在for...of循环中使用的对象。数组是可迭代的。但不仅仅是数组，很多其他的内建对象也是可迭代的。例如字符串就是可迭代的。 总最早开始可能十年前或者更加久远的年代，我们遍历一个数组需要这样： let arr = [1, 2, 3, 4, 5]; for (let i = 2020-10-29 笔记 JavaScript
