- 博客(65)
- 收藏
- 关注
RSS订阅原创 学习语言最好的方式：optimal input
听和读是学习语言的输入，而读和写是语言学习的结果。听读-------过渡期-----------说写。但只有输入才能有输出，最佳输入（optimal input）来保证输出。最佳输入需要：大量、丰富、可理解、引人入神的语言特点。## 目前最好的optimal input方式1. **听故事。**多样化的可理解性的输入，通过故事来翻译一个知识，从而来理解。2. **阅读。**大量简单的书面式的输入。**例如分级阅读，找到适合自己的语言书籍来阅读。**
2023-03-16 10:58:56
568
原创 三、（补充）接口是对类的一部分行为的抽象
类的本质是构造函数，构造函数上没有类成员，所以接口不能描述类，而是说类实现的这个接口。类实现的这个接口：接口描述属性，在类中去具体实现。接口描述了类的公共部分总结：修饰类需要写两个接口 + 一个函数：一个接口用来修饰类成员，一个接口用来修饰类构造函数本身，用一个函数把两者合并。
2023-02-23 10:17:37
326
原创 二、TS的基础类型、类型注解
TS中对于基础数据类型注解和一些特殊数据类型注解void、any、unknown、neverjs的数据类型：基础数据类型（7个）引用数据类型（1个）Object。
2023-02-23 10:15:14
1203
原创 一、初识TypeScript、什么是类型系统
TypeScript是JavaScript类型的超集，包含JS的所有语法，它可以编译成纯JavaScript。
2023-02-23 10:12:44
347
原创 五、复杂项目中使用modules的方法
大型项目中，不同的模块的state、mutations、actions都放在一个文件中，使用，维护起来都非常难受（不清晰）——>把store分模块使用场景：大型，复杂项目中多个组件共享store中一部分state，另一些组件共享另一部分state。
2023-02-20 10:50:20
159
原创 四、actions处理异步行为和调用
**使用方式：**1. 组件中使用actions中的方法异步获取数据2. actions中通过ctx.commit调用mutations中的方法，并传入获取到的数据3. mutations中的方法接收到参数后，更改state中的数据
2023-02-20 10:49:05
673
原创 三、Vuex中的getters的使用方法与场景
getters：装方法的一个对象。场景：把state中数据**组合**、**加工**返回给组件使用。
2023-02-20 10:45:04
285
原创 二、最基本的vuex的使用
1. 如何在视图上使用state中的数据 - Vuex提供的`mapState()`与计算属性结合2. 如何在组件中使用mutations中的方法 - Vuex提供的`mapMutations()`，放入methods中，直接在视图上使用 - 通过vue实例访问
2023-02-20 10:44:39
326
原创 一、在没有Vuex如何解决组件间数据传递的问题
这样的话，组件想要获取这些数据，只需要调用容器的方法，去更改数据，多个组件中就做到了数据联动。不需要借助一个父组件来传递相同的数据。同时数据和更改数据的方法统一管理，也便于使用和维护。
2023-02-20 10:36:12
372
原创 《曼巴精神》记录触动我的语句
- 为了掌握新技能，必须大胆尝试，一旦能熟练应用，武器库就得以丰富。如果代价是大量工作和几次投丢，我没意见。> 对于新技能，马上付诸实践，投丢、动作难看、出洋相，全都无所谓。- 对伟大人物有效，对我也有效的方法，积极采纳，不要舍近求远，另辟蹊径。- 通过阅读，在训练中集中注意力和刻苦工作，我的专注力得以强化。- 与阅读同等重要的是，跟前几代伟大球员保持良好的关系。导师会不吝赐教。- 局势不同，精神准备随之不同。关键在于，你必须了解自身情绪的运行机制以及希望它怎么运行。一切都始于清醒的自我认知。
2023-01-29 09:29:08
81
原创 快速学习一门新技术的工作原理（十步学习法来自软技能）
“十步学习法”的基本思想就是：要对自己要学的内容有个基本的了解——了解自己不知道什么就足矣。——>通过学习—实践—掌握—教授1.了解全局，不要画太多时间。2.确定范围，阐述学习理由（学习要解决什么具体问题），符合时间限制。3.定义目标，明确成功解决目标的定义。4.寻找资源5.创建学习计划，创建自己的学习路径6.筛选顺序7.开始学习，浅尝辄止8.动手操作，边玩边学，产生问题9.全面掌握，学以致用10.乐为人师，融汇贯通心态：不要害怕失败
2022-12-28 10:40:07
640
原创 从头探究为什么js中的this总是东指西指；apply/call/bind区别
从头探究为什么js中的this总是东指西指;apply/call/bind区别
2022-12-26 22:08:21
888
原创 从头探究为什么js中的this总是东指西指；apply/call/bind区别
从头探究为什么js中的this总是东指西指;apply/call/bind区别
2022-12-14 09:07:15
147
原创 十二、对象继承深入、call_apply、※圣杯模式、※构造函数和闭包、※企业模块化
对象继承深入、call_apply、※圣杯模式、※构造函数和闭包、※企业模块化
2022-12-14 08:56:07
231
原创 八 、冒泡捕获流、事件与事件源对象、事件委托
八 、冒泡捕获流、事件与事件源对象、事件委托一、冒泡捕获流事件流：页面中接收事件的顺序。IE提出的 事件冒泡流（Event Bubbling）；网景公司提出的 事件捕获流（Event Capturing）三个阶段的规范：DOM0：onxxx句柄绑定事件的形式DOM1：没有定义这个事件模型DOM2：addEventListener(type, fn, false)，removeEventListener()->w3c规范事件流三个阶段：捕获阶段目标阶段冒泡阶段通过点击事
2022-02-24 19:51:33
234
原创 九、鼠标行为坐标系、pageXY封装、拖拽函数封装
九、鼠标行为坐标系、pageXY封装、拖拽函数封装一、鼠标行为坐标系事件对象e的一些属性值代表了此时鼠标行为的坐标：clientX/Y 鼠标位置相对于当前可视区域的坐标（不包括滚动条的距离）x/y 同clientX/Y相同，火狐不支持screenX/Y 鼠标位置相对于设备屏幕的坐标pageX/pageY 鼠标位置相对于当前文档的坐标（包括滚动条ie9以下不支持）layerX/Y 同pageX/pageY相同，IE11以下同clientX/YoffsetX/y 鼠标相对于块元素的坐标，左上角
2022-02-24 19:46:58
440
原创 七、事件处理函数、冒泡捕获、阻止冒泡默认事件
七、事件处理函数、冒泡捕获、阻止冒泡默认事件一、事件处理函数事件是元素天生就具备的能力，比如可以被点击。绑定事件——>绑定事件的处理函数。事件 + 事件的反馈 == 前端交互，交互体验1.1 如何绑定事件（绑定事件处理函数）1.1.1 elem.onxxx = function(){} 句柄绑定形式兼容性好；一个元素同一种事件只能绑定一个事件处理函数，后写覆盖先写。位置：js中，一个元素同一种事件只能绑定一个事件处理函数，后写覆盖先写。内联事件监听器（行内事件监听器），每一
2022-02-14 23:45:36
587
原创 六、读写样式属性、操作伪元素、元素运动初探
六、读写样式属性、操作伪元素、元素运动初探一、读写样式属性1.1 element.style.xxxDOM无法直接操作CSS样式表，而是通过操作标签上的style属性来修改/访问样式。DOM动态设置行内样式的特点：属性值可读可写。多个单词属性名使用小驼峰形式。属性值的写法必须为字符串。复合值一定要拆解赋值，利于排除错误。保留字前加css。<style type="text/css"> .box { width: 200px; }</st
2022-02-08 21:22:23
776
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人