10 2021 档案
摘要：今天把做专题常用的js代码总结出来（持续更新），方便以后直接复制使用，不用老敲啊敲 1、屏幕适配JS代码 1 2 3 <script> var phoneScale = parseInt(window.screen.width)/640;document.write('<meta name=\'vi
阅读全文
摘要：经常会用的基础知识点，看看javaScript中的那些循环遍历方法 一、数组遍历方法 1. forEach() forEach 方法用于调用数组的每个元素，并将元素传递给回调函数。数组中的每个值都会调用回调函数。其语法如下： array.forEach(function(currentValue,
阅读全文
摘要：Paramiko模块批量管理：通过调用ssh协议进行远程机器的批量命令执行. 要使用paramiko模块那就必须先安装这个第三方模块，仅需要在本地上安装相应的软件（python以及PyCrypto），对远程服务器没有配置要求，对于连接多台服务器，进行复杂的连接操作特别有帮助。 一、安装： 1：安装g
阅读全文
摘要：面向对象进阶篇： 初级篇中我们介绍了面向对象基本知识： 1.面向对象是一种编程方式，此编程方式的实现是基于对 类 和 对象 的使用 2.介绍了类中的对象、方法和属性及类中内置的方法 3.类 是一个模板，模板中包装了多个“函数”供使用（可以讲多函数中公用的变量封装到对象中） 4.对象，根据模板创建的实
阅读全文
摘要：一、什么是socket： socket通常也称作"套接字"，用于描述IP地址和端口，是一个通信链的句柄，应用程序通常通过"套接字"向网络发出请求或者应答网络请求。 socket起源于Unix，而Unix/Linux基本哲学之一就是“一切皆文件”，对于文件用【打开】【读写】【关闭】模式来操作。sock
阅读全文
摘要：常见python异常： 1 AttributeError 试图访问一个对象没有的属性，比如foo.x,但是foo没有属性x 2 IOError 输入\输出异常，基本上是无法打开文件 3 ImportError 无法引入模块或包，基本上是路径问题或名称错误 4 IndentationError 语法错
阅读全文
摘要：Python版本升级 CentOS 6.3自带的Python版本为2.6，首先需要升级到2.7版本。由于旧版本的Python已被深度依赖，所以不能卸载原有的Python，只能全新安装。 1.下载Python-2.7.4.tgz wget http://python.org/ftp/python/2.
阅读全文
摘要：python提供了两个模块来实现多线程thread 和threading ，thread 有一些缺点，在threading 得到了弥补，为了不浪费时间，所以我们直接学习threading 就可以了。 Threading用于提供线程相关的操作，线程是应用程序中工作的最小单元。 1 #!/usr/bin
阅读全文
摘要：python提供了两个模块来实现多线程thread 和threading ，thread 有一些缺点，在threading 得到了弥补，为了不浪费时间，所以我们直接学习threading 就可以了。 Threading用于提供线程相关的操作，线程是应用程序中工作的最小单元。 1 #!/usr/bin
阅读全文
摘要：#!/usr/bin/env python # encoding: utf-8 import time import os import sys import logging #create logger logger = logging.getLogger("phpfile") logger.se
阅读全文
摘要：subprocess模块提供了一种一致的方法来创建和处理附加进程,与标准库中的其它模块相比，提供了一个更高级的接口,subprocess模块用来生成子进程，并可以通过管道连接它们的输入/输出/错误，以及获得它们的返回值.它用来代替多个旧模块和函数:os.systemos.spawn*os.popen
阅读全文
摘要：Python 获取主机IP地址 1 2 3 4 5 6 7 8 9 10 11 #!/usr/bin/env python #coding:utf-8 import os ip=os.popen("ifconfig eth0|grep 'inet addr'|awk -F ':' '{print $
阅读全文
摘要：通常在读写文件之前，需要判断文件或目录是否存在，不然某些处理方法可能会使程序出错。所以最好在做任何操作之前，先判断文件是否存在。 这里将介绍三种判断文件或文件夹是否存在的方法，分别使用os模块、Try语句、pathlib模块。 1.使用os模块 os模块中的os.path.exists()方法用于检
阅读全文
摘要：一、psutil模块: 1.psutil是一个跨平台库(http://pythonhosted.org/psutil/)能够轻松实现获取系统运行的进程和系统利用率（包括CPU、内存、磁盘、网络等）信息。它主要用来做系统监控，性能分析，进程管理。它实现了同等命令行工具提供的功能，如ps、top、lso
阅读全文
摘要：经常遇到这样的情况: 系统自带的Python是2.x，自己需要Python 3.x,此时需要在系统中安装多个Python，但又不能影响系统自带的Python,即需要实现Python的多版本共存,pyenv就是这样一个Python版本管理器。 1.安装pyenv： 1.>安装依赖包: yum inst
阅读全文
摘要：1 2 3 4 5 6 7 8 9 10 11 #!/usr/bin/env python # -*- coding:utf-8 -*- import sys,time for a in range(101): #print a b = 100 -a #print b #sys.stdout.wri
阅读全文
摘要：函数是组织好的，可重复使用的，用来实现单一，或相关联功能的代码段。 函数能提高应用的模块性，和代码的重复利用率。你已经知道Python提供了许多内建函数，比如print()。但你也可以自己创建函数，这被叫做用户自定义函数。 语法Python 定义函数使用 def 关键字，一般格式如下： def 函数
阅读全文
摘要：小白一键重装系统 目前，win10的市场占有率已经超过win7系统，但是一些刚刚升级win10系统的朋友想设置win10系统的环境变量，却不知道如何设置。为了解决这个问题，我将整理并执行10个系统环境变量的详细步骤。如果有必要，让我们一起了解一下。 如何设置win10系统的环境变量？有时我们需要设置
阅读全文
摘要：前端工程师的缺乏问题几乎蔓延到整个互联网行业，从刚起步的创业公司，到上市公司乃至巨头，这个问题都存在着。没错，优秀的前端工程师简直比大熊猫还稀少。 每天，100offer 的 HR 群都有人在吐槽招不到靠谱的前端工程师。实话说对这些需求，100offer 也无能为力：在供不应求的前端招聘市场上，优秀
阅读全文
摘要：一、LODASH简介 Lodash是一个意在提高开发者效率,提高JS原生方法性能的JS库。简单的说就是，很多方法lodash已经帮你写好了，直接调用就行，不用自己费尽心思去写了，而且可以统一方法的一致性。Lodash使用了一个简单的 _ 符号，就像Jquery的 $ 一样，十分简洁。 二、如何安装L
阅读全文
摘要：在项目中，有时候我们的项目要根据设计图来修改我们的表格的头部，一下就是element提供的两种修改头部的方法： 1. Table-column Attributes render-header 方法 <el-table-column prop="delete" label="删除" :render-
阅读全文
摘要：🔖 好玩的 CSS - 40 个有趣的 CSS 网站 🌐 基础学习 cssreference.io/ CSS 参考书 chokcoco.github.io/CSS-Inspira… CSS 灵感 www.awwwards.com/sites/zero-… UI 设计师的灵感源泉 htmlchea
阅读全文
摘要：VS Code是一个开源的跨平台开发工具，是我目前用的最顺手的编辑器。本文介绍了一些常用的插件和快捷键，帮你大大提高软件开发的效率，让你有更多的时间去撸铁和泡妹子。 初识VS Code 先放上它的官网： code.visualstudio.com/ VSCode全称是Visual Studio Co
阅读全文
摘要：总结了一些开发常用的 JS 小技巧，让你的代码更优雅！ 1. 通过条件判断给变量赋布尔值 先来看一段代码： handleFormChange(e) { let isUpload; if (e.target.value 'upload') { isUpload = true; } else { isU
阅读全文
摘要：用NodeJs没做过大项目，都是自己用来玩耍，记录一下。 问题： 怎样写一个最简单的服务器，输出内容到网页上。用Vue.js写的前端项目，怎样用NodeJs在本地运行。写小项目接口，不想连接MySQL数据库等，但是会有少量数据，还要能做到增删改查，怎么办？写小项目接口，连接MySQL数据库怎么做。正
阅读全文
摘要：本文正在参与 “性能优化实战记录”话题征文活动 性能优化，是每一个开发者都会遇到的问题，特别是现在越来越重视体验，以及竞争越来越激烈的环境下，对于我们开发者来说，只完成迭代，把功能做好是远远不够的，最重要的是把产品做好，让更多人愿意使用，让用户用得更爽，这不也是我们开发者价值与能力的体现吗。重视性能
阅读全文
摘要：为了快速管理数据库，我们一般都会选择一款顺手的数据库管理工具。Navicat、DataGrip虽然很好用，但都是收费的。今天给大家推荐一款免费、功能强大的数据库管理工具DBeaver，希望对大家有所帮助！ SpringBoot实战电商项目mall（50k+star）地址：github.com/mac
阅读全文
摘要：什么是多态 多态的字面意思就是多种状态，同一操作作用于不同的对象上，可以产生不同的解释和不同的执行结果。比方说，我养了一只猫和一只狗，我对它们发出同一个指令 "叫一下"，猫会喵喵喵，而狗会汪汪汪，所以让它们叫一下就是同一操作，而叫声不同则是不同的执行结果。用伪代码来实现就是这样的： function
阅读全文
摘要：要说最美好的欲望莫过于看黑丝美眉。 一、技术路线 requests：网页请求BeautifulSoup：解析html网页re：正则表达式，提取html网页信息os：保存文件 import re import requests import os from bs4 import BeautifulSo
阅读全文
摘要：传送门 vite + react + ts 手摸手做项目系列一 （项目配置篇） github地址（github的更新速度比文档要快，文档要追加大量注释）github地址 前言 这篇实战篇文章，我改了很多遍，本来加了很多复杂的封装，但是对于初学 react+ts 的同学很不友好，因为不好看懂 所以我删
阅读全文
摘要：前言 说好的教程终于来了，文章主要带大家打造一个 react spa 的项目，使用的技术栈是 vite+react+ts,vite 的快想必我就不用介绍了，用过的都说好， react + ts 已经成为大型项目的主流，大厂极为青睐，所以学好 react + ts 对你之后想进大厂应该会如虎添翼， 本
阅读全文
摘要：简介 <canvas> 是 HTML5 新出的一个元素用于图形的绘制，但是 <canvas> 只是图形的容器，所有的绘制工作需要在 JavaScript 内部完成。 浏览器 IE8 及以下不支持 <canvas> 标签元素。 创建 canvas 元素 // 设置其 ID 待会通过 JavaScrip
阅读全文
摘要：本文思维导图，欢迎补充 前言 温馨提示：本文较长，图片较多，本来是想写一篇 CSS 布局方式的，但是奈何 CSS 布局方式种类太多并且实现方法太多，所以本文主要是介绍 flex 布局和 grid 布局，以及 CSS 常见的居中方式和两种经典的布局方式“圣杯布局”和“双飞翼布局”。想到哪写到哪，请各位
阅读全文
摘要：此文为前端进阶篇前边已经出了基础篇 基础篇链接点击跳转 服务端编程/Ajax JSONP 的缺点 JSON 只支持get，因为script 标签只能使用get 请求； JSONP 需要后端配合返回指定格式的数据。 跨域（jsonp，ajax） JSONP：ajax 请求受同源策略影响，不允许进行跨域
阅读全文
摘要：此文为前端基础篇后续会出进阶篇 前端进阶篇已出大家多多去支持一下谢谢点击此处跳转 HTTP/HTML/浏览器 说一下http 和https 参考回答： https 的 SSL 加密是在传输层实现的。 http 和https 的基本概念 http：超文本传输协议，是互联网上应用最为广泛的一种网络协议，
阅读全文
摘要：我们在学习html的时候，图片标签<img>引入图片 <img src="../assets/images/avatar.png" width="100%"> 复制代码 但是这样会有2个弊端： 因为采用绝对路径引入，所以如果后面这张图片移动了目录，就需要修改代src里的路径 如果这张图片在同一页面内
阅读全文
摘要：1、复制到剪贴板 使用 navigator.clipboard.writeText 轻松将任何文本复制到剪贴板。 const copyToClipboard = (text) => navigator.clipboard.writeText(text); copyToClipboard("Hello
阅读全文
摘要：我们把性能优化的方向分为以下两个方面，有助于结构化的思考与系统分析。 加载性能。如何更快地把资源从服务器中拉到浏览器，如 http 与资源体积的各种优化，都是旨在加载性能的提升。 渲染性能。如何更快的把资源在浏览器上进行渲染。如减少重排重绘，rIC 等都是旨在渲染性能的提升。 核心性能指标与 Per
阅读全文
摘要：Notepad++是一款Windows环境下免费开源的代码编辑器，支持Python，shell，Java等主流语言编写。本文主要描述Notepad++一些好用但是容易忽视的功能。 1、根据文件内容查找文件功能 使用方法：Ctrl + f打开窗口 或者 工具栏 -> 搜索 -> 替换/搜索打开窗口，切
阅读全文
摘要：本文目录： 1.概念 2.设计原则 3.设计模式的类型 前端常见设计模式1:外观模式（Facade Pattern） 前端常见设计模式2:代理模式（Proxy Pattern） 前端常见设计模式3:工厂模式（Factory Pattern） 前端常见设计模式4:单例模式（Singleton Patt
阅读全文
摘要：前言 设计模式定义：在面向对象软件设计过程中 针对特定问题的简洁而优雅的解决方案。在不同的编程语言中，对设计模式的实现其实是可能会有区别的。 单例模式 观察者模式 工厂模式 命令模式 职责链模式 1，单例模式 定义：是保证一个类只有一个实例，并且提供一个访问它的全局访问点。 需求：一些对象我们往往只
阅读全文
摘要：什么是设计模式？ 设计模式是对软件设计开发过程中反复出现的某类问题的通用解决方案。设计模式更多的是指导思想和方法论，而不是现成的代码，当然每种设计模式都有每种语言中的具体实现方式。学习设计模式更多的是理解各种模式的内在思想和解决的问题，毕竟这是前人无数经验总结成的最佳实践，而代码实现则是对加深理解的
阅读全文
摘要：为什么会有TCP/IP协议 在世界上各地，各种各样的电脑运行着各自不同的操作系统为大家服务，这些电脑在表达同一种信息的时候所使用的方法是千差万别。就好像圣经中上帝打乱了各地人的口音，让他们无法合作一样。计算机使用者意识到，计算机只是单兵作战并不会发挥太大的作用。只有把它们联合起来，电脑才会发挥出它最
阅读全文
摘要：前言 本期博客小凌就和大家分享一波硬核网站。作为一名优秀的前端工程师不能总依靠UI小姐姐，工作上多为UI小姐姐能分担多少分担多少。做事情不要设边界。生活上也是，多请她喝几杯奶茶，她也许就会告诉你下面这些网站。不用请小凌喝，给小凌一个赞就行了。 免费字体(fontspace) 网站地址：www.fon
阅读全文
摘要：☀️ 前言 相信大家经常会使用到加载动画，但是大部分组件库的加载样式都太简洁了👻。 这次给前端工友们收集了10+个高逼格加载动画效果！！复制就能直接用！！😎 ⛷️ 来吧展示 1、一个"滚动"加载 跳动旋转的的方块再加上渐变的影子简单的构成了一个物体滚动的画面 <!-- loading.html
阅读全文
摘要：在开发环境下，往往需要一个工具来自动重启项目工程，之前接触过 python 的 supervisor，现在写 node 的时候发现 supervisior 在很多地方都有他的身影，node 也有一个 npm 模块 supervisior 也是用来监控进程的，不过除了 supervisior 外，还有
阅读全文
摘要：Wireshark是非常流行的网络封包分析软件，可以截取各种网络数据包，并显示数据包详细信息。常用于开发测试过程各种问题定位。本文主要内容包括： 1、Wireshark软件下载和安装以及Wireshark主界面介绍。 2、WireShark简单抓包示例。通过该例子学会怎么抓包以及如何简单查看分析数据
阅读全文
摘要：进入容器 docker exec -it commit号 /bin/bash 查看容器日志 docker logs -f commit号 运行容器 docker run -p 端口号 --name 项目启动名字 -v 指定路径为数据持久化历经 启动容器 docker start commit号 关闭
阅读全文
摘要：Wireshark（前称Ethereal）是一个网络数据包分析软件。网络数据包分析软件的功能是截取网络数据包，并尽可能显示出最为详细的网络数据包数据。Wireshark使用WinPCAP作为接口，直接与网卡进行数据报文交换。 网络管理员使用Wireshark来检测网络问题，网络安全工程师使用Wire
阅读全文
摘要：公司平台涉及自研和外采等多个子系统，如何把众多子系统前端界面集成到一起，组成统一平台管理界面，最大程度地提升保持用户体验一致，是项目团队首要解决的问题，在传统iframe方案不能满足项目需求情况下，经过反复技术对比，最终确定运用qiankun框架解决目前任务需求。 一、为啥要选择qiankun框架？
阅读全文
摘要：一.O2O、C2C、B2B、B2C的区别在哪里？ o2o 是 online to offline 分为四种运营模式 1.online to offline 是线上交易到线下消费体验 2.offline to online 是线下营销到线上交易 3.offline to online to offli
阅读全文
摘要：一、前言最近我把项目进行了整体重构，将原先的vue和electron分为两个工程文件夹的形式融合为了一个electron-vue工程文件，因为有很大的改动，特别是环境和相关配置方面与原先的工程有很大的不同，随之而来就有很多坑，这篇文章要将的就是今天碰到的element-UI一个组件重构前显示OK但重
阅读全文
摘要：我使用的vue，以下是Editor.vue部分代码，只显示了初始化部分。monaco.editor.create方法生成了一个新的编辑器对象，第一个参数是html对象，第二个是options，里面有很多参数，这里只随便设置了两个：主题和自适应layout，接下来将使用这里定义的this.editor
阅读全文
摘要：electron-vue项目使用elementUI组件报错$attrs is readonly在electron项目使用element一直报错 [Vue warn]: $attrs is readonly. 百度了很多刚开始以为是vue版本的问题，也试了很多版本还是报错，最后才发现是webpack配
阅读全文
摘要：monaco-editor 介绍 微软之前有个项目叫做 Monaco Workbench，后来这个项目变成了VSCode，而 Monaco Editor 就是从这个项目中成长出来的一个web编辑器，他们很大一部分的代码（monaco-editor-core）都是共用的，所以monaco和VSCode
阅读全文
摘要：什么是Monaco Editor？ 微软之前有个项目叫做Monaco Workbench，后来这个项目变成了VSCode，而Monaco Editor（下文简称monaco）就是从这个项目中成长出来的一个web编辑器，他们很大一部分的代码（monaco-editor-core）都是共用的，所以mon
阅读全文
摘要：有的时候element提供的默认的样式不能满足项目的需要，就需要我们队标签的样式进行修改，但是发现修改的样式不起作用 第一种方法 原因：scoped 解决方法：去掉scoped 注意：此时该样式会污染全局样式，可以把它放在公共的css里面 为了不让所有的 el-input标签都是该样式，可以在HTM
阅读全文
摘要：px介绍： px 像素（Pixel）。相对长度单位。像素 px 是相对于显示器屏幕分辨率而言的。 PX特点 1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位； 3. Firefox能够调整px和em，rem，但是96%以上的
阅读全文
摘要：VUEcreated()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次； activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始
阅读全文
摘要：官网： https://echarts.apache.org/zh/option.html#useUTC1结构图: 续： title:标题设置legend：图例控制grid：图例内网格控制xAxis：X轴yAxis：Y轴polar：极坐标radiusAxis：极坐标系径向轴angleAxis：极坐标
阅读全文
摘要：一、Echarts中的action echarts中支持的图表行为，通过dispatchAction触发。 1.highlight 高亮指定的数据图形 dispatchAction({ type: 'highlight', // 可选，系列 index，可以是一个数组指定多个系列 seriesInd
阅读全文
摘要：注意事项 1、必须使用goe渲染地图2、同一个option只能存在一个series参数3、tooltip提示框默认跟随series参数展示4、通过地图区域的鼠标悬停事件，用dispatchAction触发城市锚点scatter对应的tooltip5、dispatchAction的seriesInde
阅读全文
摘要：在项目中为了避免页面间样式污染常用scoped组件私有化，如果要改变element-ui的样式时需要用样式穿透才可复写样式。 1./deep/ 在vue3.0之前可使用，例如(复写样式前加/deep/)，vue3.0及后使用就会报错 /deep/ .el-input { width: 60px; }
阅读全文
摘要：一、概述 网格布局（Grid）是最强大的 CSS 布局方案。 它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。 上图这样的布局，就是 Grid 布局的拿手好戏。 Grid 布局与 Flex 布局有一定的相似性，都可
阅读全文
摘要：JavaScript事件模型及事件代理 事件模型 JavaScript事件使得网页具备互动和交互性，我们应该对其深入了解以便开发工作，在各式各样的浏览器中，JavaScript事件模型主要分为3种：原始事件模型、DOM2事件模型、IE事件模型。 1.原始事件模型（DOM0级） 这是一种被所有浏览器都
阅读全文
