JQuery 源码简单刨析,分析源码不再痛苦~
Jquery 源码浅谈开题吐槽
有人上来就说了:啊啊这都 0202 年了,怎么还学 JQuery 呢,远古时代么?
其实写这篇文章的目的呢,主要就是目前在复习 面向对象 的知识,通过分析 JQuery 源码的思想,可以帮助我更好的理解面向对象~
而且我原先还真没看过JQ的源码,借此跟大家分享一下,也请大家批评指正!
教程是基于开课吧的课程,自己整理出的笔记!!!
Hello Jquery首先看一个例子:我想给 div 元素添加点击事件,那么我们可以用 JQ 这样写
123$('div').click(function () { console.log('点击了box1')})
我们有没有思考过,Jquery 怎样帮助我们实现这个功能的呢?
我们先来分析一下:$('.box1') 是一个 Jquery 对象,然后调用对象中的 click 方法,方法里传递了一个匿名函数!
知道了这些,就可以开始写一个自己的 jq 了来,vscode上号!
首先新建一个自己的 myJquery.js,然后 cv 大法 ...
【周记】周末旅行笔记~
周末旅行随心记~前言好好的周末,本来想跟同学好好玩玩游戏,然而他娘的断网了!!
没网的日子可太艰难了,心情瞬间变得暴躁起来,想了想,在屋子里也是生气,什么都干不了,读书也读不进去,索性出去玩了玩
出门啦~来到济南就没怎么出去玩过,以后决定每周六都出去转一圈,尽量去的远一点~
周六八点多,我步行到高新区丁豪商场对面,准备办一张人才卡,哎来这边工作了三个月了,才想起要办!
本来我就不怎么坐公交,每日三点一线,感觉整个人要无聊死了,这张卡我要用的物超所值!,办卡需要一张两寸照片和十块钱押金,还需要一个二维码,就是用 369 公交软件上,上传学历证明即可。
办完卡之后,直接到对面的街道等公交,直奔芙蓉街!
芙蓉街趵突泉
【前端33_对象】面向对象:工厂模式,抽象、构造函数、new 运算符、组合继承、深拷贝、原型链、ES6类继承、判断对象类型
面向对象实例 1:选项卡的制作干巴巴的说知识点,味同嚼蜡啊,所以还是举个栗子,动动手,理解的更好一些~
这个实例的目的:把原先面向过程的思想转变为面向对象的思想。
起步:制作一个选项卡先写一个选项卡
12345678910111213141516171819202122232425262728<body> <div class="tab1"> <button style="background: red">按钮一</button> <button>按钮二</button> <button>按钮三</button> <p>内容一</p> <p style="display: none">内容二</p> <p style="display: none">内容三& ...
【读书】《小狗钱钱》笔记
小狗钱钱笔记白色的拉布拉多犬
《财务自由之路》
明确方向十分重要:在这样的时代里,明确方向,找到永恒的真理是十分必要的。
钱并不是人一生中最重要的东西,可是加入我们缺钱的话,钱就变得格外重要
天下难事,必作于易;天下大事,必作于细
我的十个愿望(想要变得富有的理由)
买一个 ipadPro 用来画画
去日本旅游,看樱花,走遍中国,去瑞典,冰岛
去美国留学,在美国乡村街道上开跑车
在老家买一所房子,装修的很智能,在一线城市,上海,广州等再买一所房子。
拼一台顶配的主机
给家人上保险,安心
找弹得一手好琴,买泰勒好琴。
买一台豪华单反相机
买好多好多主机游戏,战神
在老家买个超市或者饭店之类的资产。
梦想储蓄罐和梦想相册
圈出十个愿望中最重要的三个
在老家买一所房子,装修的很智能
给家人上保险,安心
去美国留学,在美国乡村街道上开跑车
从现在开始,你必须每天都把这张写着自己愿望的单子从头到尾看一遍,它会不断地提醒你自己想得到什么,那么你就会密切关注一切可以帮助你实现这些愿望 的机遇了。
好奇是好的,但是绝不能让好奇阻碍你做事
真正付诸实践要比纯粹的思考有用多了 ...
记录升级hexo和博客主题遇到的那些事儿
# 主题升级,站点升级
前言好久没有碰我的小网站了,最近有时间,就回头来看看,发现更新了主题,hexo 也有最新版的,所以想尝尝鲜叭~
升级hexo 升级我是参照这个博客说明进行更新的。
1npm update
主题升级最近工作不忙,晚上特意更新一版,把我的网站做的更有趣些
首先给主题升级一下,这个版本是 3.2 的,原先不知道哪个版本的哈哈哈。
安装插件豆瓣豆瓣插件 git
使用这个,先 hexo douban ,以后要部署博客的话就不能用hexo d 了,而是用 hexo deploy 。
坑文章 title 都没了本来的 hexo 默认是以文件名字作为title的,现在似乎不好使了,只能在md文件里写上必须的字段title了,所以以后写文章可以这样了:hexo new 文章title
报错
把主题文件重新git 下来就好了。
这一步因为主题文件更新了,所以config 也由很多新的字段,用原先的config 就会出现上面图片的报错
代码格式部署后网站上样式崩坏我在本地已经调试好了,准备 push 上去,完后发现网站样式崩了
其实清理缓存就可以了。
“use_date_for_updated“ is deprecated, please use “updated_option“ instead.
# hexo 更新之后遇到的小问题总结
报错信息
解决我原先的hexo版本是4.2,升级到5.0改了些小东西我们可以看官方给的文档说明
【前端32_高级】正则表达式:元字符、断言、匹配模式
正则为什么要学正则,正则这东西可真的太神奇了,可以把字符串弄得服服帖帖的,不然你跟字符串相处就不是那么亲昵 hhhh
参考开课吧的网课~这里是个整理
入门:提取数字
给你一串字符串 123jkh123hjk213h213jk43bmnb,请把这里的数字提取出来
第一种方法,写个函数
1234567891011121314151617181920212223function getNumber(str) { let arr = []; let temp = ""; for (let i = 0; i < str.length; i++) { // console.log(typeof str[i]); if (!isNaN(str[i])) { // console.log("数字"); temp += str[i]; } else { // console.log("非数字"); if (temp ...
【前端31_高级】ECMAScript 6 基础
简介最近在复习,学高阶的内容有点吃力,分析了一下,觉得有必要把基础在过一遍,所以刷的基础网课,顺便记录一下笔记。
JavaScript 三大组成部分 - ECMAScript - DOM:文档对象模型 - BOM:浏览器对象模型
ECMAScript 发展历史
ECMAScript 包含内容:JS 中的数据类型及相关操作,流程控制,运算符及相关运算……
let 和 const块级作用域:花括号括起来的区域就是一段作用域
12345if (true) { let a = 1; console.log(a); // 1}console.log(a); // Uncaught ReferenceError: a is not defined
var(变量)
let(变量)
const(常量)
var 可以重复声明
同一作用域下不能重复声明
声明的时候就要赋值,不能重复声明
全局作用域 和 函数作用域
全局作用域 和 块级作用域
全局作用域 和 块级作用域
会进行预解析(变量提升)
不进行预解析
不进行预解析
解构赋值MDN:解构赋 ...
换硬盘之后如何迁移 hexo 博客
# 换硬盘之后如何迁移博客
最近把我原先的机械硬盘换了个固态~哎呀好香啊,不仅开机没有了机械硬盘旋转的声音,而且加载LOL都顺畅无比,美滋滋
然而原先的 hexo 博客还在里面呢,此文记录一下半价的过程
参考博客1. Hexo博客开发之——电脑重装系统后如何恢复Hexo博客
2. hexo 报错 – TypeError: Cannot read property ‘removeAttr’ of undefined
原理其实很好弄,只需要把除了 node-module 外的其他文件夹拷贝过来
然后在npm i 一下,不过肯定没那么顺利的啦,卡一卡很正常,看看报错信息然后百度一下
全局安装一下 npm install –g hexo
遇到的坑count of undefined
解决方法如下,删掉这个插件,很暴力….
1$ cnpm install hexo-baidu-url-submit --save
TypeError: Cannot read property ‘removeAttr’ of undefined这个是我的一篇 文章里的图片链接失效了,导致 hexo ...
【前端30_Vue 3.0】初体验 Vue 3
Vue 3 初体验起步参考
本笔记参考开课吧的 web 全栈课进行记录的,有兴趣可以看看那边的课程(资深白嫖党,不过有工资的话会考虑买一个学学)
安装 vue312345678910# 全局安装cnpm i -g create-vite-app# 如果是苹果mac,在安装的时候后面加上 --unsafe-perm (解决权限的问题)#create-vite-app vue3-campcd vue3-campcnpm i# 用 vscode 打开code ./ -a
# 运行项目运行程序:cd 到新建的项目根目录下(我这里就是vue3-camp),终端输入npm run dev 就可以启动项目
option api 就是对象 api
composition api 新语法
Hello Vue3简单的 demo12345678910111213141516171819<template> {{ count }} <button @click="add">点击</button>< ...