自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(180)
  • 资源 (1)
  • 收藏
  • 关注

原创 Webpack Chunk 分包规则

webpack分包

2022-10-27 11:31:01 1632 1

原创 vue3.0 axios封装

vue3 + ts + axios 封装请求

2022-09-30 09:56:17 1428

原创 css 修改默认滚动条样式

修改默认滚动条样式

2022-08-18 09:47:30 340

原创 scale缩放和openlayers的点查不兼容问题

openlayers偏移问题

2022-08-03 10:09:25 370

原创 大屏项目开发

vue 大屏项目实现方式

2022-08-03 09:27:53 1748

原创 leetcode-栈-包含min函数的栈

2022-07-18 15:46:51 1343

原创 数据结构-栈

2022-07-18 15:42:50 315

原创 Grid 布局

css Grid

2022-07-08 14:39:39 744

原创 python 联系案例

demo练习

2022-06-08 18:09:27 151

原创 5. 函数和类,文件

函数和类

2022-06-08 18:02:12 79

原创 5. python函数

name ='函数使用'# 定义函数def say_hello(): print('1') print('12') print('123')# 调用函数say_hello()print(name)# 函数参数def sum(num1, num2): res = num1 + num2 print(res)sum(1,2)# 函数返回值def sum1(num1,num2): return num1 + num2resul.

2022-05-14 17:30:56 150

原创 3、计算机如何执行指令

计算机指令

2022-05-07 17:52:41 1656

原创 4. 组合数据类型

列表,元组,字典,集合

2022-05-07 17:47:03 363

原创 3. python 程序语句

# 赋值语句name = '1sadasd张三'age=20a=b=c=d=100 #a,b,c,d同时赋值100name1,ahe1='李三',3434[name2,age2]=['赵四',23]print(a)print(b)# if语句number = eval(input('请输入数字'))if number > 11: print('小于')if number != 11: print('不等于')m = 98if m%2: ..

2022-05-02 12:03:31 806

原创 2. 数据类型和基本运算符

数据类型# 整数类型"""表示整数数值,没有线束部分的数值正整数,负整数和0"""num = 10num1 = 0b1010101 #二进制整数num2 = 0o765 #8 进制整数num3 = 0x87 #16进制# 浮点数类型height1 = 187.6print(round(0.1 + 0.2))# 字符串类型str = '2232323数字数值字符串111'str1 = '萨马拉打开吗来的吗·\nssadasdasda飒飒大'prin

2022-05-01 11:55:39 231

原创 1. python输入输出

a = 100b=50print(90)print(a)print(a+b)print('北京欢迎你')print("""北京欢迎你""")print(a,b, '分隔号通话输出')print('输出ASCLL码')print(chr(98))print('C')print(chr(67))print('[')print(chr(91))# print 输出Unicode 内部字符编码,Utf是Unicode的转换格式,UTF-8是Unicode的一种变长字符编码.

2022-04-30 17:05:21 499

原创 1. python安装

软件安装如何安装python解释器?解释器就是python版本如何下载python解释器下载网址: https://www.python.org/downloads下载完成之后是python-3.10.4-amd64.exe文件,双击安装,安装完成之后会显示 Setup was successful测试 打开命令行 进入python命令,print(20) 输出下,正常会显示20,即安装成功卸载,通过程序面板可以找到python安装包卸载PyCharmPyCharm的作用是一种py

2022-04-24 19:51:34 192

原创 二、计算机基本组成

计算机的基本硬件组成中央处理控制系统(CPU),输入系统(例鼠标,键盘,话筒等),存储系统(硬盘,内存,内存只在开机运行时储存和交换数据的,光驱。),输出系统(显卡,声卡等),电源系统。cpu相当于大脑,指挥人体功能内存-硬盘类似大脑中的记忆版块、记录-存储信息主板相当于人的神经系统,将人体个部位链接起来显卡相当于眼睛,更方便看清楚,GPU图形处理器电源是人体心脏,开动电源才能发起一切活动计算机硬件分为,中央处理器,存储设备,输入输出设备等,就是CPU,主板,内存,硬盘,显卡,显示器,

2022-04-23 20:40:25 247

原创 一、计算机发展历史

计算机历程

2022-04-23 20:21:05 333

原创 vue前端项目优化方式

压缩js和css之类的。显然这些都是必须做的,而且已经根本不是主要的性能优化的关键点。一、 gzip压缩web前端项目,静态资源基本都放在cdn上,gzip的压缩是非常必要的,它直接改变了js文件的大小,减少两到三倍。nginx的gzip配置非常简单,在你对应的域名底下,添加下面的配置,重启服务即可。gzip_comp_level的值大于2的时候并不明显,建议设置在1或者2之间。# 开启gzipgzip on;# 启用gzip压缩的最小文件,小于设置值的文件将不会压缩gzip_min_le

2022-04-07 09:13:58 388

原创 深入前端进阶

前端核心知识深入的html提到 HTML 标签,前端工程师会非常熟悉,因为在开发页面时经常使用。但往往关注更多的是页面渲染效果及交互逻辑,也就是对用户可见可操作的部分,比如表单、菜单栏、列表、图文。其实还有一些非常重要却容易被忽视的标签,这些标签大多数用在页面头部 head 标签内,虽然对用户不可见,但如果在某些场景下,比如交互实现、性能优化、搜索优化,合理利用它们就可以达到事半功倍的效果。常见的meta标签在代码开发中,推荐使用Less code,Less bug ,编写代码阅多,成本越高

2021-07-05 16:32:56 374

原创 前端自动埋点

起源是在测试时候没有报错,系统功能不正常,和测试查找错误很麻烦埋点就是在某个功能函数里上报一些信息,比较类试express的中间件机制,但是没有操作的权限自定义express的打印日志中间件app.get("/", (req, res) => { // console.log(`${req.method} ${req.url} ${Date.now()}`) logger(req); res.send("index");});app.get("/about", (req, .

2021-06-25 14:07:51 555

转载 Promise 并行执行和顺序执行

1.Promise.all 并行执行promisegetA和getB并行执行,然后输出结果。如果有一个错误,就抛出错误/** * 每一个promise都必须返回resolve结果才正确 * 每一个promise都不处理错误 */const getA = new Promise((resolve, reject) => { //模拟异步任务 setTimeout(function(){ resolve(2); }, 1000) }).then(result

2021-04-20 17:22:35 3154

原创 vue3 is动态组件

vue 的 is 属性简单说 就是扩展 html标签的限制什么是动态组件:就是几个组件放在一个挂载点下,然后根据父组件的某个变量来决定显示哪个,或者都不显示。动态切换:(:is后面的是对应的组件名,必须一致)在挂载点使用component标签,然后使用v-bind:is=”组件名”,会自动去找匹配的组件名,如果没有,则不显示;改变挂载的组件,只需要修改is指令的值即可在一个多标签的界面中使用 “ is ”特性来切换不同的组件:<template> <div

2021-04-20 16:50:09 10159

原创 前端工程化

工程化概述工程化的定义和主要解决的问题因为前端的发展过快,在开发中占据很大地位,业务不断提高,逻辑更加复杂,从传统的网站到现在的H5,移动APP,各种小程序,桌面应用,所以对前端的要求更加严格传统开发的劣势从传统的后端写demo,套模板,调页面方式已经不再适应,不符合开发的要求了面临的问题,技术是为了解决问题存在的,解决ES6+的新特性浏览器不兼容,Less或sass或postcss增强运行环境不支持,模块化或者组件化方式提高项目的可维护性运行环境不支持部署上线前需要手动压缩袋吗及资源文件

2021-04-11 19:03:14 110

原创 2. 数据结构基础

要想灵活使用数据结构,需要先弄清楚数据在代码中被处理、加工的最小单位动作,也就是数据结构的基本操作,有了这些动作之后,就可以基于此去选择更合适的数据结构了增删查:掌握数据处理的基本操作,以不变应万变代码对数据的处理例子在一个数组中找出出现次数最多的那个元素的数值。例如,输入数组 a = [1,2,3,4,5,5,6] 中,只有 5 出现了两次,其余都是 1 次。显然 5 出现的次数最多,则输出 5。为了降低时间复杂度,引入了 k-v 的字典的数据结构为什么使用对象的key-value结构.

2021-04-09 15:11:12 199

原创 1. 代码效率优化方法论

将“烂代码”优化为高效率代码的方法和路径复杂度:衡量程序执行效率场景:程序执行好几个小时、甚至好几天的情况,或者是执行过程中电脑几乎死机的情况如果这个效率低下的系统是离线的,那么它会让我们的开发周期、测试周期变得很长。如果这个效率低下的系统是在线的,那么它随时具有时间爆炸或者内存爆炸的可能性。衡量代码的运行效率对于一个工程师而言,是一项非常重要的基本功 复杂度是什么复杂度是衡量代码运行效率的重要度量因素。计算机通过一个个程序去执行计算任务,也就是对输入数据进行加工处理,并最终得到结

2021-04-09 11:35:29 379

原创 Express 中间件及路由

通过示例介绍中间件打印请求日志(输出每个请求的 请求方法 + 请求路径 + 请求时间)app.get('/', (req, res) => { res.send('get /')})app.get('/about', (req, res) => { res.send('get /about')})app.post('/login', (req, res) => { res.send('post /login')})简单的实现:app.get("/", (

2021-04-07 16:34:14 652

原创 Express 基础

Express 是什么官网地址:http://expressjs.com/Express 是一个快速,简单,极简的 Node.js web 应用开发框架。通过它,可以轻松的构建各种 web 应用。例如接口服务传统的 web 网站开发工具集成等…Express 本身是极简的,仅仅提供了 web 开发的基础功能,但是它通过中间件的方式集成了许许多多的外部插件来处理 HTTP 请求。body-parser:解析 HTTP 请求体compression:压缩 HTTP 响应coo

2021-04-07 15:26:38 191

原创 Cocos create

Cocos create是什么轻量、易⽤的跨平台 2D、3D 游戏创作⼯具Cocos Creator 是以内容创作为核心,实现了脚本化、组件化和数据驱动的游戏开发工具。 具备了易于上手的内容生产工作流,以及功能强大的开发者工具套件,可用于实现游戏逻辑和高性能游戏效果。 秉承着 Cocos ⼀贯的开源、易上⼿、⾼性能和跨平台等产品特性,这款全新的游戏引擎旨在成为开发者创作 2D、 3D 游戏的新选择。优势完善的功能特性编辑器全面升级,实时预览,动画预览,插件支持多性能,多渲染后端框架2D

2021-04-07 11:39:57 1413

原创 移动端布局方式

响应式布局利用@media进行断点,在每个断点中编写css。@media (max-width:1000px){ div{background:blue;}}@media (min-width:1000px) and (max-width:1150px){ div{background: yellow;}}@media only screen and (max-width:1150px){ div{border:solid 1px;}}@media not print

2021-03-26 15:38:14 90

转载 Flex布局基础及常用样式

转载阮一峰老师的Flex布局语法和实际开发,已经一些相关的案例Flex语法网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。一、Flex 布局是什么?Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: fl

2021-03-26 15:22:41 1423

转载 JS的特殊函数

1. 立即执行函数立即执行函数,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是创建函数的同时立即执行。它没有绑定任何事件,也无需等待任何异步操作:(function() { // 代码 // ... })();**function(){…}**是一个匿名函数,包围它的一对括号将其转换为一个表达式,紧跟其后的一对括号调用了这个函数。立即执行函数也可以理解为立即调用一个匿名函数。立即执行函数最常见的应用场景就是:将var变量的作用域限制于你

2021-03-26 10:03:02 192

原创 使用Promise完成数据的限制并发请求

需求:需要保证代码在多个异步处理之后执行,我们通常会使用Promise.all(promises: []).then(fun: function);Promise.all可以保证,promises数组中所有promise对象都达到resolve状态,才执行then回调那么会出现的情况是,你在瞬间发出几十万http请求(tcp连接数不足可能造成等待),或者堆积了无数调用栈导致内存溢出.这个时候需要我们对HTTP的连接数做限制。实现//promise并发限制class PromisePool {

2021-03-26 09:22:40 1076 1

原创 HTML5实现交互效果

了解HTML5 details, summary默认交互行为<details>标签在Chrome,Firefox等浏览器下默认是有展开收起行为的,例如下面HTML:<details> <summary>折叠效果</summary> <p>这里具体描述,标签相对随意,例如这里使用的&lt;p&gt;标签。</p></details>只显示了<summary>标签内

2021-03-25 16:12:37 1116

原创 前端实现导入PPT在线编辑

前端实现网页版本的PPT有很多方式reveal.js,很轻易地使用 HTML 创建一个漂亮的演示文稿的框架,Markdown 文稿变成 PPTImpress.js,采用 CSS3 与 JavaScript 语言完成的一个可供开发者使用的表现层框架(演示工具)Deck.jsHTML SlidePresentationCSSSFathom.js但是和需求不符合,需要实现在线编辑的PPT文稿,百度了一下,在线编辑的方式也有很多,都是大公司开发不能嵌入本地开发中腾讯文档wps.jsOff

2021-03-25 14:58:33 2741 4

原创 前端常见安全性问题

XSS攻击XSS(Cross SiteScripting),跨站脚本攻击。XSS是常见的Web攻击技术之一.所谓的跨站脚本攻击指得是:恶意攻击者往Web页面里注入恶意Script代码,用户浏览这些网页时,就会执行其中的恶意代码,可对用户进行盗取cookie信息、会话劫持等各种攻击.例如:在表单提交时,输入js代码<script>alert(“hey!you are attacked”)</script>等或是增加提交请求时的网页,盗取信息解决方法:输入过滤,对输入的数

2021-03-24 18:00:36 252

原创 radio按钮选中

遇到js控制radio选中和切换的问题,之前使用的是切换checked属性但是这个属性有个问题,就是用js给选中radio的赋值,使用的$().attr("checked",true);当切换的时候,把name相同的radio的attr(“checked”,false),再把要选中的radio.attr(“checked”,true);出现问题,每个radio只能被赋值一次,当第二次给他赋值的时候,赋不上值后来发现,checkbox在这种情况下会出现一样的问题w3cshool上关于这个属性的介绍

2021-03-24 17:11:24 1015 1

原创 Redis 数据库

由来2008 年,意大利的一家创业公司 Merzia 推出了一款基于 MySQL 的网站实时统计系统 LLOOGG ,然而没过多久该公司的创始人 Salvatore Sanfilippo 便开始对 MySQL 的性能感到失望,于是他决定亲自为 LLOOGG 量身定做一个数据库,并于 2009 年开发完成,这个数据库就是 Redis。不过 Salvatore Sanfilippo 并不满足只将 Redis 用于 LLOOGG 这一款产品,而是希望让更多的人使用它,于是在同一年 Salvatore Sanf

2021-03-21 15:09:44 195

原创 MongoDB结合 WEB服务

主要涉及:在Node.js中操作MongoDBMongoDB数据库和web服务的实际项目Node.js 中操作MongoDB参考:在服务端操作 MongoDB:https://docs.mongodb.com/drivers/ 在 Node.js 中操作MongoDB : https://docs.mongodb.com/drivers/node/步骤:初始化项目文件夹 mkdir node-mongodb-demonpm init -ynpm i mongodb连接m

2021-03-15 18:01:18 400 1

Vue 源码及解析资源,示例

Vue源码的执行过程,源码的注释,源码的示例

2021-01-09

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除