- 博客(105)
- 收藏
- 关注
原创 Python 数据可视化 - 硕士论文绘图-标准格式
1. 中文宋体、英文 Times New Roman 2. 字号宋体 5号(10.5 磅)
2023-03-05 20:27:07 626 1
原创 创建多个 conda 环境和 jupyter 切换使用环境
本文章主要实现三方面:(1) 新建conda环境(2) 给某个环境安装包(3) 新建jupyter使用的内核。
2022-09-19 14:05:46 592
原创 Hexo+buttterfly适合任意主题美化(悬挂动态修饰物)
使用(`css`+`js`) 实现将普通`静态`图片绘制成动态 `gif` ,其应用到每个有 `nav `盒子的页面,效果非常美观。
2022-08-09 16:22:52 610
原创 虚拟 DOM 和 diff 算法
介绍是一个JavaScript对象,用来描述真实的DOM结构。如下图,有三个属性(1)sel标签名;(2)data属性信息;子元素对象。计算最小更新DOM的方式。将DOM抽象为虚拟DOM;然后通过新旧虚拟DOM这两个对象的差异(Diff算法);最终只把变化的部分重新渲染,提高渲染效率的过程。流程图其中包含patch函数、pachVnode函数、函数(未详细介绍)...............
2022-07-31 17:13:16 302
原创 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 608
翻译 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 149
原创 ajax、promise封装ajax、axios
1.AJAX请求2.fs文件操作3.数据库操作4.定时器promise是JS中进行异步编程的新解决方案语法:构造函数,可以实例化对象,封装异步操作,获取成功或失败的结果旧方案:单纯使用回调函数指定回调函数方式更灵活支持链式调用,可以解决回调地狱问题:.........
2022-06-25 22:43:59 400
原创 vue生命周期函数可以完成的操作
生命周期主要函数created ( )(1).调用次数:一次(2).可实现操作:组件已创建好,都!一般在该函数中。但是组建的模板结构尚未生成!。mounted ( )(1).调用次数:一次(2).可实现操作:已将内存html结构成功渲染到浏览器中,此时浏览器中已包含当前组件的DOM结构,此时。undated ( )(1).调用次数:n次(2).操作:由于数据更改导致的虚拟 DOM 重新渲染,在这之后会调用该函数。被调用时,组件 DOM 已经更新,所以可以。(3).区别于: $ nextT
2022-06-21 10:09:26 325
原创 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 403 1
原创 插值字符串{{}},模板字符串`${}`,属性命令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 573
翻译 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 148
翻译 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 119
翻译 javscript--事件
本文来自pink老师前端学习视频,作为自己的学习笔记文章目录一、注册事件二、删除事件三、DOM事件流四、事件对象1. 兼容性问题2. 常见属性和方法五、阻止事件冒泡六、事件委托七、 常用鼠标事件1. 鼠标对象事件案例1:跟随鼠标一、注册事件addEventListener二、删除事件三、DOM事件流四、事件对象1. 兼容性问题2. 常见属性和方法五、阻止事件冒泡六、事件委托七、 常用鼠标事件1. 鼠标对象事件案例1:跟随鼠标效果展示案例分
2022-04-14 11:34:39 144
原创 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 1043
翻译 JavaScript--数据类型(简单、复杂类型)
引言简单类型:(基本数据类型 / 值类型)复杂类型:(引用类型)文章目录引言一、值类型二、引用类型三、存储方式3.1 栈3.2 堆四、传参4.1 简单类型4.2 复杂类型一、值类型简单数据类型/基本数据类型:在存储时变量中存储的是值本身,因此叫值类型有:string number boolean undefined null二、引用类型复杂数据类型:在存储时变量中存储的仅仅是地址(引用),因此叫做引用数据类型通过new关键字创建的对象(系统对象、自定义对象)如:Array、O
2022-04-10 11:08:28 149
原创 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 453
翻译 javascript--预解析*(变量、函数提升)
JavaScript代码是由浏览器中的JavaScript解析器来执行的。JavaScript解析器运行javascript代码时分为两步:预解析、代码执行。文章目录预解析变量预解析(变量提升)函数预解析(函数提升)预解析(1)预解析:js引擎将js里面所有 var、function提升到当前作用域的最前面(2)代码执行:按照代码书写顺序从上往下执行变量预解析(变量提升)所有的变量声明提升到当前的作用域的最前面,不提升赋值操作实例一书写代码:console.log(num)
2022-04-08 20:09:34 114
原创 JavaScript--作用域
变量全局、局部作用域将变量分为:全局变量、局部变量文章目录变量全局变量局部变量区别全局变量在全局作用域下声明的变量全局变量在代码任何位置使用在全局作用域下var声明的变量特殊情况,在函数内部未使用var声明的变量也是全局变量局部变量在局部作用域下声明的变量全局变量在函数内部使用在函数内部var声明的变量函数的形参实际上就是局部变量区别全局变量:任何地方使用,只有在浏览器关闭时才会被销毁,因此比较占内存;局部变量:只能在函数内部使用,当其所在代码块被执行时,会被初始化
2022-04-08 10:40:33 665
翻译 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 359
原创 JavaScript--函数返回值
1、return 不能返回多个数,默认返回最后一个数。可用返回数组代替多数的返回2、return 之后的代码不再执行3、函数都有返回值,没有则返回undefined
2022-04-07 20:57:49 1687
原创 JavaScript--数组
文章目录一、数组一、数组获取数组元素数组索引号从0开始数组名 : 返回数组;数组名[n] : 返回第n+1个数组元素;数组长度数组长度即:元素个数
2022-04-07 20:41:31 530
翻译 JavaScript--流程控制(顺序、分支、循环、断点)
主要内容分为三大类:顺序流程控制、分支流程控制、循环流程控制文章目录主要内容一、顺序流程二、分支流程三、循环流程四、断点调试五、continue、break语句一、顺序流程二、分支流程if 分支if () { ...} else{ ...}if else if 分支 if () { ...} else if (){ ...}else{ ...}三元运算条件表达式 ? 表达式 1:表达式2switch语句注意事项:1、要求“全等”
2022-04-07 15:27:34 128
翻译 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 146
原创 移动端基础
移动端页面制作选择:单独制作、响应式页面。目录浏览器基础一、视口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 98
原创 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 637
翻译 css3--2D转换(移动、旋转、缩放),动画
文章目录1. 2D转换1.1. 移动1. 2D转换1.1. 移动移动盒子:position定位、margin外边距、translate2D转换
2022-04-03 21:43:02 722
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人