- 博客(59)
- 收藏
- 关注
RSS订阅原创 随笔记：计算机基础及进制计数法
记录一下最近接触的基本的概念，便于想看的时候随时来翻看一下。还是比较重要滴，还是比较重要滴，还是比较重要滴现代计算机是用和来表示的，
2022-11-17 15:59:50
334
原创 随笔记：重新认识 else if
重新认识else if认识后else if 不是JavaScript这门语言的标准语法，而是社区朋友们根据标准语法自己发明的写法原因：if 或者 else 后面如果只有一行语句的话，是可以省略花括号的(不推荐这样写 ⚠️ )非简写模式...
2022-06-23 12:00:51
264
原创 五一假期：记录一次微信小程序开发流程
记录一次微信小程序开发流程一眨眼就到了2022年的五月一假期了，时光过的是有点快。希望疫情抓紧结束吧，我想过上正常的生活。这几天趁着月底没事，正好有个微信小程序项目，那就拿来练练手吧，好久不写了，刚开始着实有点手生。XXXX微信小程序开发工具：HBuilderX ：官网下载地址：https://www.dcloud.io/微信开发者工具：微信公众平台下载地址：https://mp.weixin.qq.com/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直
2022-05-17 20:43:14
251
原创 随笔记：获取当前页面有多少种类的标签
随笔记：获取当前页面有多少种类的标签实现思路首先，获取当前页面的所有标签使用 document.getElementByTagName(“*”) — HTMLCollection 实时的或使用 document.querySelectorAll(“*”) — NodeList 快照更多差异学习，参考 🔴 红宝书 📖上面获取的结果都是类数组将类数组转换为数组扩展运算符 … 最简单方便的方法es6 Array.from()slice循环–2.0版本 vue.
2022-05-13 10:43:31
406
原创 随笔记：Promise 封装ajax
随笔记：Promise 封装ajax上次工作中用到了利用Promise封装ajax，对外部客户端进行调用，今天忽然想起来了，总结一下。希望疫情抓紧结束 👐Code const promiseAjax = new Promise((resolve, reject) => { // let timeoutXmlhttp = null; //创建XMLHttpRequest if (window.XMLHttpRequest) { //
2022-03-25 08:49:09
519
原创 随笔记：HTML5之拖放
随笔记：HTML5之拖放学习一下HTML5 拖放知识 — 2022年3月2号drag 释义：拖 拽drop 释义：投 丢拖放是 HTML5 标准的组成部分：任何元素都是可拖放的。拖放过程中会触发的事件在拖动目标上触发事件(源元素):ondragstart - 用户开始拖动元素时触发ondrag - 元素正在拖动时触发ondragend- 用户完成元素拖动后触发释放目标时触发的事件:ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件on
2022-03-02 16:48:18
108
原创 JavaScript普通函数调用与闭包调用
JavaScript普通函数调用与闭包调用差异今天是2022年2月4号，新年假期已经过去了七分之四，这几天杭州的天气xue微的不太好，阴天下雨的都持续一个月了，最近也下了几场小雪。今天三喜临门，首先时女朋友的生日，然后也是2022年北京冬奥会开幕式，还是一个新的节气—立春。从今天开始，新的一年慢慢步入正规。今天总结下普通函数的调用和闭包调用。概念函数执行时，每个执行上下文中都会有一个包含其中变量的对象。【变量对象】全局上下文中叫变量对象，它会在代码执行期间始终存在。【活动对象】函数局部上
2022-02-04 22:18:21
794
原创 JavaScript：按值传递的理解
JavaScript：按值传递的理解ECMAscript中所有的参数都是按值传递。不可能按引用传递。如果把整个对象作为参数传递，那么传递的值就是这个对象的引用。function setName(obj){ obj.name = 'wcc'; obj = new Object();//函数执行完毕后，就销毁掉了 obj.name = 'hzm'; //console.log(obj);//{name:hzm}
2022-02-03 23:10:30
770
原创 随笔记：达夫设备（Duff‘s Device）学习
随笔记：达夫设备（Duff’s Device）学习今天是2022年1月9号星期日，从郑州回来杭州的第六天，已经在集中隔离点的第五天。怎么说呢，既倒霉又幸运！今天在看《高性能JavaScript》一书，学习到了关于“达夫设备”的知识，记录一下吧！达夫设备（Duff’s Device）定义：是一种用来限制循环迭代次数的模式。示例 <script> var items = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
2022-01-09 22:12:05
504
原创 安全算法：公开密钥加密之RSA算法
安全算法：公开密钥加密之RSA算法今天是2021年12月18号周六⏲04点53分，距离2022年仅剩了13天了。睡醒了，那就整理一下这周接触到的用于加密的RSA算法吧！当时第一次接触这个知识点是在《我的第一本算法书》???? 中，有兴趣的朋友可以去看看，算是一本算法基础的书。公开密钥加密：简介公开密钥加密（又称“非对称加密”）是加密和解密使用不同密钥的一种加密方法。包括公开密钥和私有密钥（成对生成的，网上有工具网站，可以自行找一下）。公开密钥（public key，后面简称P）：加密用的密钥
2021-12-18 06:06:51
1628
原创 Vue项目基础配置：二次封装Axios 全流程解析
Vue项目基础配置：二次封装Axios 全流程解析简述????,自己对axios及二次封装流程有点陌生了，那就来整理一下吧???? 。整理???? 的详细 一点，便于自己现在的学习，也有利于后期的复习???? 。概述：本篇主要包括：axios的基础概念和二次封装axios的流程什么是Axios？Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。安装npm install axios或 npm install axios --S或 n
2021-12-11 00:27:59
1416
1
原创 JavaScript基础知识：阻止事件默认行为和阻止事件传播
JavaScript基础知识：preventDefault和stopPropagation整理???? 一下两个不太常用且重要的知识点！preventDefault()事件方法【定义】：如果事件是可取消的，则 preventDefault() 方法会取消该事件，这意味着属于该事件的默认操作将不会发生。【应用场景】：单击“提交”按钮，阻止其提交表单Code<form action="https://www.baidu.com/" method="post">
2021-12-10 09:47:42
867
原创 随笔记：Document对象之wtire() 方法---重新认识一下
随笔记：重新认识document.write()新的一周????,元气满满????！今天早上撸犀牛书，看到了关于document.write()的详细解释，虽然现在不太使用了，也重新补习一下吧，万一哪次被面试官问到。Code function clickcb(){ console.log('click事件'); document.write('此时处于方法中的document.write()方法 会重绘页面') }
2021-12-06 09:20:03
210
原创 随笔记：提取url的查询字符串中的参数(queryString)
随笔记：提取url的查询字符串中的参数(queryString)简述???? ：又到了一周一次的周五:happy: 了，十二月的第一个周末马上就要来临了，杭州????这里的天气还是冷！好怀念有暖气的宿舍????。Code提取url的搜索字符串中的参数function urlArgs(queryString){ var args = {}; // var query = location.search.substring(1);//获取当前路
2021-12-03 08:57:05
876
原创 随笔记：HTML中 ＜a＞ 标签的使用小妙招
随笔记：标签的小妙招2021年最后一个月份????的第一天，早早的给自己???? 打个气 ！！一日之计在于晨☀。早上在撸犀牛????书，看到 a 标签还有这么多的小妙招，抓紧记录一下！a标签的定义和用法a 标签定义超链接，用于从一张页面链接到另一张页面。a 元素最重要的属性是 href 属性，它指示链接的目标。今天早上捣鼓的示例<a href="JavaScript:new Date().toLocaleTimeString();"> 点我显示时间，
2021-12-01 09:15:09
261
原创 随笔记：实现HTML页面局部滚动及自定义滚动条样式
随笔记：实现HTML页面局部滚动及自定义滚动条样式简述 ???? ：今天coding???? ，leader说：“把这个页面的左右两边改成局部滚动”，????那就开干吧。忽然发现，我有点忘了，晚上???? 下了班，那就总结???? 一下吧，加深点记忆???? ，方便下次干活上图 ????Code ✍️<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2021-11-29 22:15:37
3452
1
原创 组件|Element:Tree 树形控件 详细学习
组件|Element:Tree 树形控件 详细学习简述 ???? ：虽然经常使用element组件，但是树形控件???? 用的相对少一些，脑子回想一下，发现对这个组件的概念几乎为0️⃣ 。????那就打开我的电脑，穿上女友???? 买的Zara的厚厚的棉服（像个大笨熊 ???? ???? ），重新撸一下树形控件的知识点，???? 。官网概念Tree 树形控件：用清晰的层次结构展示信息,可展开或折叠代码示例<template> <div> &l
2021-11-28 17:11:50
3173
原创 随笔记：模拟Array. isArray() 方法
模拟Array. isArray() 方法Array.isArray（）该方法用于确定传递的值是否是一个Array, ES5新增的数组判断方法语法Array.isArray(obj)isArray实现代码let isArray = function(obj){ return obj && typeof obj === 'object'&& typeof obj.length ==='nu
2021-11-26 09:03:24
133
原创 随笔记：简单 模拟实现一个Map函数
随笔记：简单 模拟实现一个Map函数map单词释义:映射作用map()方法使用为每个数组元素调用函数的结果创建新数组。map() 方法按顺序为数组中的每个元素调用一次提供的函数。map() 对没有值的数组元素不执行函数。map() 不会改变原始数组。代码实现自定义map函数:arrayMaplet arrayMap = function (ary,callback) { let i = 0, length = ary.lengt
2021-11-25 09:27:52
728
原创 JavaScript构造函数例题：考察new的作用
JavaScript构造函数例题：考察new的作用先看代码示例function Foo() { console.log(1) Foo.a = function () { console.log(2) } this.a = function () { console.log(3) } //改造一下 // return {
2021-11-24 09:40:02
392
原创 Vue-Router：router 对象和 route对象详解
Vue-Router：router 对象和 route对象详解Router全局对象$router对象是全局路由的实例，是router构造方法（new Router 的实例 ）的实例。console.log(this.$router)VueRouter {app: Vue, apps: Array(1), options: {…}, beforeHooks: Array(0), resolveHooks: Array(0), …}afterHooks: []app: Vue {_
2021-11-22 16:12:43
3460
原创 随笔记：《复习 》for循环 使用详情
随笔记：《复习 》for循环 详细for循环是在希望创建循环时会用到的工具语法如下：for (语句 1; 语句 2; 语句 3){ 被执行的代码块}语句 1 （代码块）开始前执行语句 2 定义运行循环（代码块）的条件语句 3 在循环（代码块）已被执行之后执行语句 1 （Statement 1）通常我们会使用语句 1 初始化循环中所用的变量 (var i=0)。语句 1 是可选的，也就是说不使用语句 1 也可以。可以在语句 1 中初始化
2021-11-19 09:47:50
259
原创 随笔记：模板模式方法 之 冲泡饮料 案例
随笔记：模板模式方法 之 冲泡饮料 案例代码实现 /* 模板方法模式--冲泡饮料 流程： 1.把水煮沸 2.用沸水冲泡饮料 3.把饮料倒进杯子里 4.加调料 思路：1.共用的方法父类中定义 2.不同的方法，子类中定义
2021-11-17 23:03:56
93
原创 随笔记：组合模式例子之 扫描文件夹
随笔记：组合模式例子之 扫描文件夹 // 组合模式的例子--扫描文件夹 // Folder 文件夹 -->构造函数 var Folder = function (name) { this.name = name; this.files = []; }; Folder.prototype.add = function (file) { this.files.push(
2021-11-16 23:07:27
226
原创 随笔记：组合模式之 宏命令（macro command）
随笔记：组合模式之 宏命令（macro command）宏（计算机术语） 宏（英语：Macro）：是一种批量处理的称谓。 宏就是一些命令组织在一起，作为一个单独命令完成一个特定任务。图示流程代码实现<body> <button id="button"> 按我 </button> <script> // 宏命令（macroCommand） /* 定义
2021-11-16 08:53:54
820
原创 随笔记：实现外部迭代器
随笔记：实现外部迭代器迭代器迭代器分为内部迭代器和外部迭代器内部迭代器：迭代器的内部已经定义好了迭代规则，它完全接手整个迭代过程，外部只需要一次初始调用外部迭代器：必须显式地请求迭代下一个元素。外部迭代器增加了一些调用的复杂度，但相对也增强了迭代器的灵活性，我们可以手工控制迭代的过程或者顺序。实现外部迭代器：示例如下【自我理解】：就是自定义出迭代过程中所需要的属性和方法。var Iterator = function(obj){ var cunrr
2021-11-14 22:22:54
394
原创 随笔记：代理（proxy）模式之 用高阶函数动态创建代理
用高阶函数动态创建代理计算乘积let mult = function () { var a = 1; for (let i = 0, l = arguments.length; i < 1; i++) { a = a * arguments[i]; } return a; };计算加和let plus = function () {
2021-11-14 14:26:17
577
原创 TypeScript -- 第七节 枚举
/** 枚举 enumeration（enum），枚举（Enum）类型用于取值被限定在一定范围内的场景。* 使用枚举我们可以定义一些带名字的常量。 使用枚举可以清晰地表达意图或创建一组有区别的用例。* TypeScript支持数字的和基于字符串的枚举。** *///数字枚举enum NumDirection { Up = 1,//不初始化，默认从0开始 Down, Left, Right}//使用枚举很简单：通过枚举的属性来访问枚举成员，和枚
2021-11-08 11:28:17
244
原创 TypeScript -- 第六节 泛型
/** 泛型* 使用泛型创建可重用的组件，一个组件可以支持多种类型的数据* 【自我理解】把参数的类型也设置为类似函数形参一样的形式，可以根据开发者的意愿随时改变参数的类型----<类型变量>* 包括:传入类型 和 返回类型 【学习程度】学了一遍，感觉知识点模模糊糊，还是需要练习和多加复习！！* */// 示例//identity函数叫做泛型function identity<T>(arg: T): T { retur
2021-10-28 16:48:58
273
2
原创 ES6模块
ES6模块ES6模块语法代码含义export const ninja = ‘Yoshi’；导出变量export function ninja(){}；导出函数export class Ninja{}；导出类export default class Ninja{}；导出默认类export default function Ninja(){}；导出默认函数const ninja = ‘Yoshi’; function compare(){};
2021-10-27 22:28:54
89
原创 JavaScript题目：将短横线连接的字符串转换为“驼峰式”字符串
将短横线连接的字符串转换为“驼峰式”字符串思路：利用正则表达式的replace方法。当正则表达式作为replace的第一个参数时，对所匹配的值会产生一次替换，设置第二个参数作为替换值。（新get的知识点）replace最重要的特性是不仅支持替换值，而且支持函数作为参数，当第2个参数是函数时，对每一个所匹配到的值都会调用一遍（全局匹配会返回匹配到的全部内容）。 示例如下function upper(all,letter){ return letter.toUpperCase();}le
2021-10-26 22:26:57
1037
原创 TypeScript--第五节：类
TypeScript 之 类相比于JavaScript中的类：增加了一下几个修饰符public 公开的private 私有的protected 受保护的abstract 抽象类readonly 定义类的只读属性或方法··参数属性“笨”鸟就先飞起来吧！！！ -...
2021-10-26 17:27:09
53
原创 随笔记：模拟类数组（array-like）的方法
模拟类数组（array-like）的方法add方法接收一个待添加到对象的元素作为参数gather方法将元素添加到对象中find方法，用于查找自定义对象中的任意元素【备注】push 方法根据 length 属性来决定从哪里开始插入给定的值。如果 length 不能被转成一个数值，则插入的元素索引为 0，包括 length 不存在时。当 length 不存在时，将会创建它。【总结】这个实例不仅展示了可变函数上下文的能力，而且展示了如何复用已经编写的代码，而且不用重复造轮子许三多:有意义就
2021-10-25 21:36:30
225
原创 TypeScript--第四节：函数
函数函数是JavaScript的一等公民。一等公民含义：可以作为函数参数，可以作为函数返回值，也可以赋值给变量。 时光里，没有白走的路！！！
2021-10-25 08:26:26
78
原创 随笔记：定义setter和getter的三种方式
定义setter和getter方法的三种方式过日子就是问题叠着问题，你唯一能做的，就是迎接这些问题。《士兵突击》
2021-10-20 21:56:36
168
原创 TypeScript --第三节：接口
对象的类型——接口在 TypeScript 中，我们使用接口（Interfaces）来定义对象的类型。根据官网看了一遍下来，理解的模模糊糊，还得重复多看一下！！！
2021-10-14 15:54:38
58
原创 随笔记：欧几里得算法求最大公约数 --from wcc
欧几里得算法欧几里得算法（又称辗转相除法）用于计算两个数的最大公约数，被称为世界上最古老的算法。用递归实现欧几里得算法·用循环实现欧几里得算法·计算流程参考如下：·故诟莫大于卑贱，而悲莫甚于穷困。久处卑贱之位，困苦之地，非世而恶利，自托于无为，此非士之情也。–李斯《秦国》翻译：卑贱是人生最大的耻辱，贫穷是人生最大的悲哀。长久处于卑贱的地位，贫穷的境地，反而讥讽富贵，厌恶禄利，以自托于无为来自我安慰和解脱，不过是无能而已，决非志士应有的情怀。...
2021-10-14 09:06:16
115
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人