AbigailCui的小站

Python Python基础语法：标识符，关键字，变量，判断循环 。。。。 容器类型（数据类型中的高级类型） 函数 文件处理 面向对象 包和模块 异常处理 1、Python概述 创始人：吉多·范罗苏姆 龟叔 为什么要学习Python：大势所趋，简单易学，使用范围广 我们本次学习使用Python3.x版本 Python在大数据生态中应用非常广泛 2、Python解释器和pycharmIDE工具 Python解释器是将Python代码解释为机器语言（二进制文件）的一种工具 Python代码必须经过解释器解释，计算机才能够去执行命令 常见的解释器版本： CPython： 官方版本，稳定，持续更新 Ipython：可交互，在CPython基础上进行了升级 pypy：使用Python编写的解释器 JPython：使用java编写的解释器，可以将Python便以为字节码文件，在java平台上运行 pycharm IDE： 语法高亮 工程管理 代码提示 错误检查 。。。。。。。 pychram基本设置 主题：file — settings—在搜索栏搜索 theme —-修改主题 字 ...

document.documentElement.setAttribute("data-theme", "dark"); 去抓星星吧～🌟🌟🌟✨

前天看了很多篇前端优化性能策略,很多我没有用过的东西,借此机会好好实践一下吧原理应用到实践中!我的前端优化 图片懒加载 小课堂：图片加载方式有两种，一个是预加载，另一个就是懒加载，那你了解什么是预加载和懒加载吗？下面来回顾学习一下。参考: 图片预加载与图片懒加载（缓载）的区别与实现 图片预加载：顾名思义，图片预加载就是在网页全部加载之前，提前加载图片。当用户需要查看时可直接从本地缓存中渲染，以提供给用户更好的体验，减少等待的时间。否则，如果一个页面的内容过于庞大，没有使用预加载技术的页面就会长时间的展现为一片空白，这样浏览者可能以为图片预览慢而没兴趣浏览，把网页关掉，这时，就需要图片预加载。当然这种做法实际上牺牲了服务器的性能换取了更好的用户体验。 图片懒加载（缓载）：延迟加载图片或符合某些条件时才加载某些图片。这样做的好处是减少不必要的访问数据库或延迟访问数据库的次数，因为每次访问数据库都是比较耗时的即只有真正使用该对象的数据时才会创建。懒加载的主要目的是作为服务器前端的优化，减少请求数或延迟请求数。预加载与懒加载的区别之处 两者的行为是相反的，一个是提前加载，一个是迟缓甚 ...

来使用 PicGo+Gitee 来搭建图床，但有一点需要注意，就是码云仓库容量的限制特别谢鸣过客励心! 我转载一下步骤大致差不多的 前端性能优化之搭建网络图床pick的原因 1. 之前我的笔记必须每一个都单独设置一个img来放东西 非常非常占网站容量,会造成网站带不动加载很慢,别人访问我的网站会用的停难受的吧2. 用存储桶会提高一些速度的,但是会有收费的趋势,我的一个桶已经欠费了3. cdn标签会提速但是存储桶最大就20M一下就没了,图床你可以选很多仓库,即使一个饱和, 在换一个就好啦😼4. 我是白嫖党,后期运维真的烧钱的,能省就省,真的方便啊啊 开始搭建打开码云官方网站，进入你的个人仓库界面，新建仓库，如何新建仓库的详细步骤我就不说了，相信搭建都会，直接上一张图，图中有文字说明：图我就不截了,这个UU弄的更好 然后点击创建即可。 设置私人令牌看图中指示操作即可 设置 -> 私人令牌 -> 生成新令牌 提交后，会提示你输入密码进行验证，验证成功后，会有提示框，提示框中的内容即为私人令牌。先复制保存，下面要用到。 记 ...

部署之前 由于我吧网站用DNS解析解读我的github个人主页仓库,现在网不是特别稳定,自己的博客当然自己可以访问,但是国内的github不同地域访问方式不知道为什么很奇怪有的登的上有的登不上那这样我的网站性能就不太好啦,给上个截图看看吧 要不就是https解析不出来(呜呜呜白买域名SSL数字证书了) 真的很搞笑,我去查我的服务器居然在菲律宾😂,这样的话我的网站有种那种菲律宾小赌场🎰的赶脚~ #GitHub部署博客关联命令行 1234deploy: type: git repo: github: git@github.com:AbigailCui/AbigailCui.github.io.git,main 这个应该大家都会 #gitee部署博客关联命令行 1234eploy: type: git repo: gitee: git@gitee.com:abigail110/abigail110.git,master 若github跟gitee主分支不一样,要用逗号直接隔开就行啦申请gitee博客pages需要点击gitee pages服务申请,大概 ...

CDN 加速 CDN 的全称是 Content Delivery Network，即内容分发网络。CDN 是构建在网络之上的内容分发网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN 的关键技术主要有内容存储和分发技术。—— 百度百科 最近腾讯cos桶欠费啦,非常非常不划算了,CDN在腾讯上面收费很贵,天天发消息催着我交钱交钱,突然意识到是时候该白嫖了😊😊😊 开始介绍搭建放在 Github 的资源在国内加载速度比较慢，因此需要使用 CDN 加速来优化网站打开速度，jsDelivr + Github 便是免费且好用的 CDN，非常适合博客网站使用。一般CDN要收费的,但是好在有免费版本!!!!是和 Github的联名款,让我们愉快的白嫖CDN后缀的资源吧 首先新建 GitHub 仓库 本地新建一个文件夹，文件夹名称自定义，然后进入文件夹，在文件夹内依次执行下面的命令 123git initgit remote add origin 你新建仓库的HTTP或者SSH地址链 ...

前端性能优化Search Engine Optimization）即搜索引擎优化。 因为，页面的加载会影响到爬虫的爬取，页面加载速度是一项非常重要的指标。况且，页面优化直接影响到了用户体验。所以学习前端性能优化势在必行。 经常面试题：从用户输入浏览器输入url到页面最后呈现 有哪些过程？有什么办法能优化页面性能？ 答曰如下： 用户输入URL地址 浏览器解析URL解析出主机名 浏览器将主机名转换成服务器ip地址（浏览器先查找本地DNS缓存列表 没有的话 再向浏览器默认的DNS服务器发送查询请求 同时缓存） 浏览器将端口号从URL中解析出来 浏览器建立一条与目标Web服务器的TCP连接（三次握手） 浏览器向服务器发送一条HTTP请求报文 服务器向浏览器返回一条HTTP响应报文 关闭连接 浏览器解析文档 如果文档中有资源 重复6 7 8 动作 直至资源全部加载完毕 再深一点层次 可说渲染机制，重排、重绘 重排： 定义：DOM结构中的各个元素都有自己的盒子(模型)，这些都需要浏览器根据各种样式来计算并根据计算结果将元素放到它该出现的位置，这个过程称之为reflow。 触发Reflow ...

通用设计模式设计模式（design pattern）本质上是把经常用到的代码套路，归纳总结后系统的表达出来。 学习设计模式好处有以下几点： 为开发人员对代码的阅读和编写提供一种指导思想； 提高开发人员自身的代码质量，提高对其他框架和库源码阅读的能力； 良好的设计能力是一个中高级工程师的必备技能，对开发人员在职场上的晋升有很大帮助； 在团队协作中用更少的词汇做更充分的沟通； 网络上流行的”23种设计模式”是静态语言在生产过程中的经验总结，由于语言的特性，其中有些设计模式在 Javascript代码的编写过程中，有的可能应用场景很少，有的语言本身的特性就已经实现。因此，本课程不会直接生搬硬套“23种设计模式”，而是基于 Javascript 这门语言的特性和应用场景，针对性的进行学习。 工厂模式工厂模式（Factory）是用来创建对象的一种最常用的设计模式。我们不暴露创建对象的具体逻辑，而是将逻辑封装在一个函数中，那么这个函数就可以被视为一个工厂。 1234567891011121314151617181920function createUser(role) { func ...

web安全浏览器端防御xss什么是 XSSCross-Site Scripting（跨站脚本攻击）简称 XSS，是一种代码注入攻击。攻击者通过在目标网站上注入恶意脚本，使之在用户的浏览器上运行。利用这些恶意脚本，攻击者可获取用户的敏感信息如 Cookie、SessionID 等，进而危害数据安全。 为了和 CSS 区分，这里把攻击的第一个字母改成了 X，于是叫做 XSS。 XSS 的本质是：用户提交的数据未经过滤，渲染到了HTML上，结果被浏览器当成了代码，浏览器无法分辨哪些代码是可信的，导致恶意代码被执行。 在部分情况下，由于输入的限制，注入的恶意代码比较短。但可以通过引入外部的js文件，并由浏览器执行，来完成比较复杂的攻击策略。 用户是通过哪些方法“注入”恶意代码的呢？ 所有用户输入的信息，都有可能成为注入的入口。在处理输入时，以下内容都不可信： 来自用户的 UGC 信息 URL 参数 POST 参数 Referer Cookie UA 等等… 总结就是，当我们需要把某些数据渲染到HTML上，但是这些数据是由用户决定的，这时候就有可能受到XSS攻击 XSS的危害攻击者能够在 ...

常规面试题课程介绍罗列常见的面试题（代码实现及原理），分析其考点和解答思路，帮助前端工程师温故知新，填补自己的知识盲区，在面试中取得更好的表现。 代码实现题实现call/apply/bind考点: call/apply/bind的功能 JS中this的指向 原型链 JS中this的指向1.当函数作为构造函数，通过new xxx()调用时，this指向生成的实例 12345678function Cat(name,color){ 　　　　this.name=name; 　　　　this.color=color; 　　} let cat1 = new Cat("大毛","橘色");//this指向的cat1 let cat2 = new Cat("二毛","黑色");//this指向的cat2 console.log(cat1); console.log(cat2); 2.当函数直接被调用时（通过 x ...