自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

puhuihui的博客

个人博客:https://puhuipuhui.top/

  • 博客(105)
  • 收藏
  • 关注

原创 Python 数据可视化 - 硕士论文绘图-标准格式

1. 中文宋体、英文 Times New Roman 2. 字号宋体 5号(10.5 磅)

2023-03-05 20:27:07 454 1

原创 未提交到远程仓库,找回本地文件历史版本(HBuilderX)

未提交到远程仓库,本地仓库被覆盖,找回本地文件历史缓存版本

2023-02-15 16:21:16 683

原创 给ref对象赋值失去响应,解决办法

给 ref 对象赋值失去响应的解决办法

2023-02-13 22:06:05 1241

原创 js 随机验证码(已封装,复制即用)

【代码】js 随机验证码(已封装,复制即用)

2023-01-05 16:33:32 182

原创 vue全局less样式

vue 全局使用 less 样式。

2022-11-11 14:28:59 608

原创 Git 常规操作

Git 常用操作,适用于多人项目开发、版本迭代

2022-10-06 16:21:08 448

原创 git 提交到多个仓库

因此需要为不同仓库的使用不同的仓库名,添加仓库后,再。name1、name2 是两个仓库的名字。

2022-10-05 21:24:58 612

翻译 TypeScript入门

typescript 的类型定义、结合 webpack 开发、接口、泛型

2022-10-04 20:22:24 81

原创 创建多个 conda 环境和 jupyter 切换使用环境

本文章主要实现三方面:(1) 新建conda环境(2) 给某个环境安装包(3) 新建jupyter使用的内核。

2022-09-19 14:05:46 498

原创 前端发起请求,后端响应请求的整个过程

本文分为:前端、后端两部分讲诉。以下是前端发送请求到服务器,服务器响应前端,的整个过程的图解:

2022-08-11 20:18:07 15180 2

原创 Hexo+buttterfly适合任意主题美化(悬挂动态修饰物)

使用(`css`+`js`) 实现将普通`静态`图片绘制成动态 `gif` ,其应用到每个有 `nav `盒子的页面,效果非常美观。

2022-08-09 16:22:52 549

原创 虚拟 DOM 和 diff 算法

介绍是一个JavaScript对象,用来描述真实的DOM结构。如下图,有三个属性(1)sel标签名;(2)data属性信息;子元素对象。计算最小更新DOM的方式。将DOM抽象为虚拟DOM;然后通过新旧虚拟DOM这两个对象的差异(Diff算法);最终只把变化的部分重新渲染,提高渲染效率的过程。流程图其中包含patch函数、pachVnode函数、函数(未详细介绍)...............

2022-07-31 17:13:16 234

原创 mysql模糊查询select * from project where CONCAT(`title`) like

const sql = “select * from project where CONCAT(`title`,`sellPoint`,`descs`) like '%” + 关键字变量+ “%'”;

2022-07-03 14:34:57 560

原创 vue指令和组件之间数据共享

发送方接收方2.2. 子向父传值(emit)发送方接收方2.3. 任意组件之间传值(emit、on)

2022-07-02 18:52:10 295

原创 js创建对象的方式

构造函数、class关键字

2022-06-28 14:10:38 92

翻译 Vuex(State Mutation Action Getter)

组件之间共享数据(3种情况)Vuex是什么State提供唯一的公共数据源,所有共享数据都同意放到Store的State中存储组件访问State中数据:第二种方式:1.vuex 按需导入 mapState 函数2.将全局数据,映射为当前组件的计算属性Mutation变更store中的数据触发mutation第一种方式:第二种方式:Action用于处理异步任务触发Action:第一种方法:第二种方法:Getter用于包装Store中的数据,不更改数据,getter随着st

2022-06-27 17:00:42 112

原创 ajax、promise封装ajax、axios

1.AJAX请求2.fs文件操作3.数据库操作4.定时器promise是JS中进行异步编程的新解决方案语法:构造函数,可以实例化对象,封装异步操作,获取成功或失败的结果旧方案:单纯使用回调函数指定回调函数方式更灵活支持链式调用,可以解决回调地狱问题:.........

2022-06-25 22:43:59 356

原创 浮动优缺点及清除浮动的方法

4种清除浮动的方法

2022-06-25 15:36:25 490

原创 vue生命周期函数可以完成的操作

生命周期主要函数created ( )(1).调用次数:一次(2).可实现操作:组件已创建好,都!一般在该函数中。但是组建的模板结构尚未生成!。mounted ( )(1).调用次数:一次(2).可实现操作:已将内存html结构成功渲染到浏览器中,此时浏览器中已包含当前组件的DOM结构,此时。undated ( )(1).调用次数:n次(2).操作:由于数据更改导致的虚拟 DOM 重新渲染,在这之后会调用该函数。被调用时,组件 DOM 已经更新,所以可以。(3).区别于: $ nextT

2022-06-21 10:09:26 285

原创 csss实现水平垂直居中的方法大全

1.1行内元素 text-align:center1.2块级元素 确定宽度(1) margin:0 auto;(2) 子绝父相 + margin-left:-自己width/2 未知宽度(4) display:inline-block; text-align:center(5) 子绝父相 + translateX(-50%)(6) display:table;margin:0 auto;(7) display:flex; justify-content:center.........

2022-06-18 21:40:38 371 1

原创 git远程仓库已有提交文件,如何提交本地仓库覆盖远程仓库

远程和本地存在冲突,git提交失败

2022-06-07 13:23:39 2269

原创 vue+jquery请求读取本地json出现404

请求本地json :需要开服务vscode打开live serverjson文件路径改为

2022-05-29 22:00:11 365

原创 插值字符串{{}},模板字符串`${}`,属性命令v-bind:

插值字符串{{}}其中间可以放js表达式 如:{{ 变量 }}{{ 三元表达式 }}{{ 赋值表达式 }}模板字符串` ${}`其中\``就是模板字符串的表示(反引号),${}内部是放变量的const string = “我今年 ’ + age + ’ 岁”const string =` 我今年 ${age} 岁`属性命令v-bind:v-bind:style="这里写js代码" 如://{}代表js中的对象//这里是对象中的:(属性:属性值)v-bind:styl.

2022-05-12 16:54:45 500

翻译 JavaScript--offset、client、scroll、立即执行函数、动画函数

本文来自pink老师视频,并作为自己的学习笔记文章目录一、偏移量offset二、client系列三、立即执行函数1. 两种写法一、偏移量offset注意:offsetParent和parentNode都可以取到父节点,但是parentNode取到亲爸爸,offsetParent取到有定位的父亲或者bodyoffset与style区别二、client系列三、立即执行函数不需要调用,立即能自己执行1. 两种写法可以传参(function (形参){})(实参);或(fun

2022-04-17 11:55:14 111

翻译 javascript--BOM

本文资料来自pink老师视频,作为自己的学习笔记文章目录一、BOM概述1. BOM的构成2. 窗口加载事件3. 调整窗口大小事件4. 定时器二、三、一、BOM概述1. BOM的构成2. 窗口加载事件loadDOMContentLoaded3. 调整窗口大小事件4. 定时器setTimeout()定时器停止setTimeout()定时器setInterval()定时器区别setTimeout() 调用一次回调函数setInterval()

2022-04-15 20:21:55 86

翻译 javscript--事件

本文来自pink老师前端学习视频,作为自己的学习笔记文章目录一、注册事件二、删除事件三、DOM事件流四、事件对象1. 兼容性问题2. 常见属性和方法五、阻止事件冒泡六、事件委托七、 常用鼠标事件1. 鼠标对象事件案例1:跟随鼠标一、注册事件addEventListener二、删除事件三、DOM事件流四、事件对象1. 兼容性问题2. 常见属性和方法五、阻止事件冒泡六、事件委托七、 常用鼠标事件1. 鼠标对象事件案例1:跟随鼠标效果展示案例分

2022-04-14 11:34:39 101

原创 JavaScript--JavaScript和web API、JS(提供案例)

文章目录一、组成部分二、API和Web API三、DOM四、操作元素一、组成部分阶段ECMAscript基础语法是为后文做铺垫Web APIs是JS的应用,大量使用JS基础语法做交互效果二、API和Web APIAPI(Application Programming Interface应用程序编程接口)是预定义的函数,目的是提供应用程序员与开发人员基于某软件或硬件得以访问一组编程的能力,而无需访问源码,或理解内部工作机制的细节。Web API浏览器提供的一套操作浏览器和页

2022-04-11 21:10:35 972

翻译 JavaScript--数据类型(简单、复杂类型)

引言简单类型:(基本数据类型 / 值类型)复杂类型:(引用类型)文章目录引言一、值类型二、引用类型三、存储方式3.1 栈3.2 堆四、传参4.1 简单类型4.2 复杂类型一、值类型简单数据类型/基本数据类型:在存储时变量中存储的是值本身,因此叫值类型有:string number boolean undefined null二、引用类型复杂数据类型:在存储时变量中存储的仅仅是地址(引用),因此叫做引用数据类型通过new关键字创建的对象(系统对象、自定义对象)如:Array、O

2022-04-10 11:08:28 103

原创 JavaScript--对象

引言在javascript中,对象是一组无序的相关属性和方法的集合,万物都是对象,例如字符串、数值、数组、函数等。文章目录引言一、对象1.1 什么是对象?1.2 为什么需要对象?二、创建对象2.1 `字面量`创建对象2.2 `new Object`创建对象2.3 `构造函数`创建对象三、使用对象四、变量、属性、函数、方法的异同点4.1 变量和属性4.1 函数和方法一、对象1.1 什么是对象?对象是属性和方法组成属性:事物的特征(大小、颜色、重量),名词方法:事物的行为(打电话、发短信),动词

2022-04-09 14:17:14 440

翻译 javascript--预解析*(变量、函数提升)

JavaScript代码是由浏览器中的JavaScript解析器来执行的。JavaScript解析器运行javascript代码时分为两步:预解析、代码执行。文章目录预解析变量预解析(变量提升)函数预解析(函数提升)预解析(1)预解析:js引擎将js里面所有 var、function提升到当前作用域的最前面(2)代码执行:按照代码书写顺序从上往下执行变量预解析(变量提升)所有的变量声明提升到当前的作用域的最前面,不提升赋值操作实例一书写代码:console.log(num)

2022-04-08 20:09:34 76

原创 JavaScript--作用域

变量全局、局部作用域将变量分为:全局变量、局部变量文章目录变量全局变量局部变量区别全局变量在全局作用域下声明的变量全局变量在代码任何位置使用在全局作用域下var声明的变量特殊情况,在函数内部未使用var声明的变量也是全局变量局部变量在局部作用域下声明的变量全局变量在函数内部使用在函数内部var声明的变量函数的形参实际上就是局部变量区别全局变量:任何地方使用,只有在浏览器关闭时才会被销毁,因此比较占内存;局部变量:只能在函数内部使用,当其所在代码块被执行时,会被初始化

2022-04-08 10:40:33 646

翻译 javascript--函数的两种命名方式

利用函数关键字自定义函数(命名函数)function fn() {}//调用fn();函数表达式(匿名函数)//var 变量名 = function () {};var fun = function(a) { console.log(a);} //调用fun('1243')(1)fun 不是函数名,是变量名;(2)函数表达式声明方式和声明变量差不多,只是变量里存值,函数表达式存 函数(3)函数表达式也可进行传递参数...

2022-04-08 10:21:50 330

原创 JavaScript--函数返回值

1、return 不能返回多个数,默认返回最后一个数。可用返回数组代替多数的返回2、return 之后的代码不再执行3、函数都有返回值,没有则返回undefined

2022-04-07 20:57:49 1581

原创 JavaScript--数组

文章目录一、数组一、数组获取数组元素数组索引号从0开始数组名 : 返回数组;数组名[n] : 返回第n+1个数组元素;数组长度数组长度即:元素个数

2022-04-07 20:41:31 488

翻译 JavaScript--流程控制(顺序、分支、循环、断点)

主要内容分为三大类:顺序流程控制、分支流程控制、循环流程控制文章目录主要内容一、顺序流程二、分支流程三、循环流程四、断点调试五、continue、break语句一、顺序流程二、分支流程if 分支if () { ...} else{ ...}if else if 分支 if () { ...} else if (){ ...}else{ ...}三元运算条件表达式 ? 表达式 1:表达式2switch语句注意事项:1、要求“全等”

2022-04-07 15:27:34 111

翻译 javascript--运算符

文章目录一、算数运算符1.1 概念1.2 浮点数精度问题二、递增和递减运算符三、比较运算符四、逻辑运算符4.1 逻辑与短路4.2 逻辑或短路赋值运算符运算符优先级一、算数运算符1.1 概念1.2 浮点数精度问题二、递增和递减运算符开发大多使用后置:n++,n–;前置递增先自加,后返回值后置递增先返回原值,后自加三、比较运算符==有默认转换数据类型console.log(18 == '18') //true四、逻辑运算符有空或否定:0 、’ '、 nul

2022-04-07 09:57:52 77

翻译 javascript(类型、变量、数据类型)

JS书写位置行内、内嵌、外部文章目录JS书写位置行内式内嵌式外部式变量行内式内嵌式外部式变量

2022-04-06 10:42:37 64

原创 移动端基础

移动端页面制作选择:单独制作、响应式页面。目录浏览器基础一、视口1.1 布局视口1.2 视觉视口1.3 理想视口(1) meta标签二、二倍图(1) 视网膜屏幕(2) 多倍图(3) 背景图像缩放浏览器基础一、视口布局视口、视觉视口、理想视口1.1 布局视口布局视口显示效果不好,导致字体太小1.2 视觉视口1.3 理想视口设备宽=布局视口实现:添加meta视口标签(1) meta标签二、二倍图物理像素!=像素(1) 视网膜屏幕物理像素和css像素关系成为:一对多

2022-04-05 20:53:48 76

原创 css3--3D转换(移动、透视、旋转、呈现)

主要知识 提示:主要包括3D位移、3D旋转主要知识点:位移: translate3d(x,y,z)旋转: rotate3d(x,y,z)透视: perspective3D呈现: transfrom-style文章目录主要知识一、位移二、透视三、旋转3.1 x轴3.2 y轴3.3 z轴3.4 多轴旋转四、呈现4.1 翻滚案例一、位移二、透视三、旋转3.1 x轴3.2 y轴3.3 z轴3.4 多轴旋转旋转方向是矢量向量四、呈现4.1 翻滚案例鼠标经过粉

2022-04-04 22:08:55 605

翻译 css3--2D转换(移动、旋转、缩放),动画

文章目录1. 2D转换1.1. 移动1. 2D转换1.1. 移动移动盒子:position定位、margin外边距、translate2D转换

2022-04-03 21:43:02 679

空空如也

空空如也

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

TA关注的人

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