- 博客(36)
- 收藏
- 关注
RSS订阅原创 查看navicat premium 历史纪录
最近在学习mysql,之前装了navicat premium,今天找的视频教程用的软件是sqlyog,有个历史日志功能,就是把软件图形界面操作转换为命令行操作,这个操作navicat premium肯定也有,就找了一下,果然
2020-09-11 17:22:21
5163
原创 gulp : 无法加载文件 AppData\Roaming\npm\gulp.ps1解决方法
报的错误如下,这个应该是权限的问题,Get-ExecutionPolicy -List这个命令是按照优先级来查看执行策略的，优先级由高到低将Process作用域的执行策略也修改为RemoteSigned就可以了。执行命令：Set-ExecutionPolicy RemoteSigned -Scope Process...
2020-07-20 20:52:07
1699
1
原创 js核心-Web-API-DOM-常用键盘事件-键盘事件对象
常用键盘事件事件除了使用鼠标触发，还可以使用键盘触发。键盘事件 触发条件onkeyup 某个键盘按键被松开时触发onkeydown 某个键盘按键被按下时触发onkeypress 某个键盘按键被按下时触发 但是他不识别功能键 比如ctrl shift箭头等注意：如果使用addEventListener 不需要加 ononkeypress 和前面2个的区别是，它不识别功能键，比如左右箭头，shift 等。三个事件的执行顺序是： keydown – keypress — keyup8.2 .
2020-07-02 11:44:31
155
原创 js-Web-API-DOM-注册事件-addEventListener事件监听方式-删除事件的方式-DOM事件流-什么是事件对象-事件委托-鼠标事件对象
注册事件(绑定事件)1.1 注册事件概述给元素添加事件，称为注册事件或者绑定事件。注册事件有两种方式：传统方式和方法监听注册方式传统注册方式 利用 on 开头的事件 onclick<button οnclick=“alert(‘hi~’)”>btn.onclick = function() {}特点：注册事件的唯一性同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数方法监听注册方式w3c 标准 推荐方式addEventList.
2020-07-02 11:43:19
260
原创 Web-API-DOM-删除节点-复制节点-三种动态创建元素区别-DOM 重点核心
5.5 删除节点node.removeChild(child)node.removeChild() 方法从 DOM 中删除一个子节点，返回删除的节点。5.6 复制节点node.cloneNode()node.cloneNode() 方法返回调用该方法的节点的一个副本。注意：如果括号参数为空或者为 false ，则是浅拷贝，即只克隆复制节点本身，不克隆里面的子节点。如果括号参数为 true ，则是深度拷贝，会复制节点本身以及里面所有的子节点5.8 三种动态创建元素区别document.w
2020-07-02 11:40:15
253
原创 Web-API-DOM的自定义属性的操作-H5自定义属性-节点概述-节点层级-父子节点-兄弟节点-创建节点-添加节点
4.6 自定义属性的操作获取属性值element.属性 获取属性值。element.getAttribute(‘属性’);区别：element.属性 获取内置属性值（元素本身自带的属性）element.getAttribute(‘属性’); 主要获得自定义的属性 （标准） 我们程序员自定义的属性设置属性值 element.属性 = ‘值’ 设置内置属性值。element.setAttribute(‘属性’, ‘值’);区别：element.属性 设置内置属性值 element.
2020-07-01 18:16:40
308
原创 Web-API-DOM的获取元素-事件概述-事件三要素-执行事件的步骤-常见鼠标事件-操作元素-改变元素内容-常用元素的属性操作-常用元素的属性操作-样式属性操作
获取元素2.2 根据ID获取用getElementById()方法可以获取带有ID元素对象document.getElementById(‘id’);console.dir()可以打印我们获取的元素对象,更好的查看对象里面的属性和方法2.3 根据标签名获取getElementsByTagName()方法可以返回指定标签名的对象的集合document.getElementsByTagName(‘标签名’);因为得到的是一个对象的集合,所以我们想要操作里面的元素就需要遍历得到元素对象是动态..
2020-07-01 18:12:45
141
原创 js的内置对象,数学对象Math,Date日期对象,数组创建的两种方式,检测是否为数组两种方式,添加数组元素,删除数组元素,数组排序,获取数组元素索引,数组转换为字符串,基本包装类型,根据字符返回位置
MDN Web文档 https://developer.mozilla.org/zh-CN/2.2 什么是内置对象JavaScript 中的对象分为3种：自定义对象 、内置对象、 浏览器对象前面两种对象是JS 基础 内容，属于 ECMAScript； 第三个浏览器对象属于我们JS 独有的， 我们JS API 讲解内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法）内置对象最大的优点就是帮助我们快速开发JavaScript 提供了
2020-06-17 00:19:51
156
原创 js的数组和函数
数组一组数据的集合,使用一个变量同时存储多个数据var arr = newArr();var arr = [1,2,‘demo’];数组中的数据称为数组的元素,元素的数据类型没有限制索引/下标从0开始,如果通过索引获取数组中没有的元素,得到的值是undefined4.2 遍历数组遍历：把数据的集合中的数据逐个访问，称为遍历遍历数组：通过循环过程中的计数器变量，把数组中的元素从头到尾访问一遍，称为遍历数组遍历数组的写法：for( var I = 0 ; I < 数组的长度 ；i+..
2020-06-16 01:04:54
178
原创 js中的for和while循环以及break和continue
打断点,f12,Sources,选中想要断点的行号,f5刷新,f11下一步watch + 设置查看变量现在的值3.2 for循环语法结构for (初始化变量;条件表达式;操作表达式) {循环体;}初始化变量:通常被用于初始化的计数器,该表达式可以使用var关键字声明新变量,帮我们记录次数条件表达式:用于确定每一个循环是否能被执行,如果结果是true就继续循环,否则退出循环操作表达式:每次循环的最后都要执行的表达式,通常被用于更新或者递增计数器变量,当然,递减变量也可以双重for循环执行过程
2020-06-16 01:04:07
979
原创 JavaScript-运算符-逻辑语句-if-三元表达式-switch语句
算术运算符 + - * / %2.2 浮点数的精确度最高是17位小数,但在进行运算时精确度远远不如整数不要直接判断两个浮点数是否相等!2.3 一个数被另一个数整除的话余数为0,这就是%取余运算符的主要用途算术运算符优先级,先乘除,后加减,有小括号先算小括号里面的2.4 表达式最终都会有一个结果,返回给我们,我们称为返回值递增和递减运算符3.1 递增++ 后置递增运算符 先自加,后返回值 先人后己++递增 前置递增运算符 先返回值,后自加 先己后人开发时,大多使用后置递增/减,且代码..
2020-06-11 23:31:26
315
原创 javascript基础操作
1.6 js初体验js有3种书写位置,分别为行内,内嵌和外部1.6.1. 行内式js可以将单行或少量js代码写在html标签的事件属性中(以on开头的属性),如:onclick注意单双引号的使用:在html中我们推荐使用双引号,js中推荐使用单引号可读性差,在html中编写js大量代码时,不方便阅读引号易错,引号多次嵌套匹配时,非常容易弄混1.6.2. 内嵌式可以将多行js代码写道1.6.3. 外部js文件利于HTML页面代码结构化,把大段js代码独立到HTML页面之外,方便文件复用
2020-06-11 23:29:18
118
原创 bootstrap-布局容器-栅格系统-响应式工具
1.1 bootstrap简介中文官网: https://www.bootcss.com/官网: http://bootstrap.html.cn/2.3 布局容器Bootstrap需要为页面内容和栅格系统包裹一个.container容器,Bootstarp预先定义好了这个类,叫.container他提供了两个作此用处的类1.container类响应式布局的容器 固定宽度大屏(>=1200px)宽度为1170px中屏(>=992px)宽度为970px小屏(>=768px)
2020-06-10 10:41:17
316
原创 rem-媒体查询-less基础
rem单位rem(root em)是一个相对单位,类似于em,em是父元素字体大小rem的是相对于html元素的字体大小比如,根元素html设置font-size=12px,非根元素设置width:2rem;则width表示24px2. 媒体查询2.1 什么是媒体查询Media Query 是css3新语法使用@media查询,可以针对不同的媒体类型定义不同的样式@media可以针对不同的屏幕尺寸设置不同的样式当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面目前针对
2020-06-09 11:24:25
244
原创 flex布局-常见父项属性-背景线性渐变
flex布局2.1 布局原理flex是flexible Box的缩写,意为弹性布局,为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex布局当我们为父盒子设为flex布局后,子元素的float,clear和vertical-align属性将失效伸缩布局 = 弹性布局 = 伸缩盒布局 = flex布局3.1 常见父项属性3.2 flex-direction:设置主轴的方向1.主轴与侧轴默认主轴方向是x轴方向,水平向右默认侧轴方向是y轴方向,水平向下2.属性值flex-dir..
2020-06-08 10:03:30
270
原创 meta视口标签-多倍图-背景缩放background-size-CSS3盒子模型-特殊样式-流式布局-二倍精灵图做法
2.5 meta视口标签属性 解释说明width 宽度设置的是viewport宽度,可以设置device-width特殊值initial-scale 初始缩放比,大于0的数字maximum-scale 最大缩放比,大于0的数字minimum-scale 最小缩放比,大于0的数字user-scalable 用户是否可以缩放,yes或no(1或0)3.2 多倍图可以放入实际大小两倍的图,否则会造成图片模糊手机通常使用二倍图,还存在3倍/4倍图,看实际需求3.3 背景缩放backgr
2020-06-08 10:01:54
419
原创 CSS3的3D转换-透视-旋转-3D呈现
3D转换6.1 三维坐标系三维坐标系其实就是指立体空间,立体空间是由3个轴共同组成的x轴:水平向右 注意:x右边是正值,左边是负值y轴:垂直向下 注意:y下面是正值,上面是负值z轴:垂直屏幕 注意:往外面是正值,往里面是负值6.3 透视perspective距离视觉点越近的在电脑平面成像越大,越远成像越小透视的单位是像素px***透视写在被观察元素的父盒子上面的d:就是视剧,视距就是一个距离人的眼睛到屏幕的距离z:就是z轴,物体距离屏幕的距离,z轴越大(正值)我们看到的物体就越大6.
2020-06-05 12:42:17
171
原创 CSS3动画的定义-调用-属性-简写属性-速度曲线细节
5.1 动画的基本使用1.定义动画 /* 1. 定义动画 */ @keyframes move { /* 开始状态 */ 0% { transform: translateX(0px); } /* 结束状态 */ 100% { transform: translateX(1000px); } }2.调用动画/* 动画名称 /anima
2020-06-05 12:41:05
1503
原创 2D转换之移动translate
2D移动是2D转换里面的一种功能,可以改变元素在页面中的位置,类似定位1.语法transform: translate(x,y);transform: translateX(n);transform: translateY(n);2.重点定义2D转换中的移动,沿着X和Y轴移动元素translate最大的优点:不会影响其他元素的位置translate中的百分比单位是相对于自身元素的translate:(50%,50%);对行内标签没有效果...
2020-05-26 10:25:54
333
原创 CSS3新特效:属性选择器,结构伪类选择器,伪元素选择器,CSS3盒子模型,CSS3滤镜filter,calc函数,CSS3过渡
2.CSS3新特效2.2属性选择器可以根据元素特定属性来选择元素,这样就可以不用借助类或者id选择器选择符 简介E[att] 选择具有att属性的E元素E[att=“val”] 选择具有att属性且属性值等于val的E元素E[att^=“val”] 匹配具有att属性且值以val开头的E元素E[att$=“val”] 匹配具有att属性且值以val结尾的E元素E[att*=“val”] 匹配具有att属性且值中含有val的E元素类选择器,属性选择器,伪类选择器,权重为102.3结
2020-05-16 22:41:35
204
原创 HTML5新特性:语义化标签,多媒体标签,音频-audio,input属性,表单属性
1.HTML5新特性1.1HTML新增语义化标签header:头部标签nav:导航标签article:内容标签section:定义文档某个区域aside:侧边栏标签footer:尾部标签1.2 HTML5新增的多媒体标签1.视频 video 常见属性属性 值 描述autoplay autoplay 视频就绪自动播放(谷歌浏览器需要添加muted来解决自动播放问题)controls controls 向用户显示播放控件width pixels(像素) 设置播放器
2020-05-16 22:30:48
416
原创 元素的显示与隐藏:display,visibility,overflow-精灵图-字体图标-css三角的做法-css用户界面样式-vertical-align-溢出的文字省略号显示
4.元素的显示与隐藏 本质:让一个元素在页面中隐藏或者显示出来4.1 display属性display:none 隐藏对象display:block 除了转换为块级元素之外,同时还有显示元素的意思display隐藏元素后,不再占有原来的位置应用及其广泛,搭配JS可以做很多网页特效4.2 visibility 可见性visibility属性用于指定一个元素应可见还是隐藏visibility:visible;元素可视visibility:hidden;元素隐藏visibility隐藏元素后,
2020-05-16 22:26:52
507
原创 定位:静态定位-相对定位-绝对定位-子绝父相-固定定位-粘性定位-定位叠放次序-扩展
1.定位1.1静态定位static不脱标 不能使用边偏移 很少使用1.2相对定位relative是元素在移动位置的时候,相对于它原来的位置来说的(自恋型)选择器{position:relative;}position: relative;top: 50px;left: 100px;特点:1.他是相对于自己原来的位置来移动的(移动位置的时候参照点是自己原来的位置)*****2.原来在标准流的位置继续占有,后面的盒子仍然以标准流的方式对待他(不脱标,继续保留原来的位置)1.3绝对定位ab
2020-05-16 22:07:12
520
原创 盒子阴影和文字阴影,圆角边框,浮动,清除浮动
盒子边角的操作盒子阴影和文字阴影box-shadow 水平,垂直,阴影的模糊度,阴影颜色,insettext-shadow 水平,垂直方向,模糊度,颜色圆角边框 border-radius为什么用浮动多个有高宽的盒子在一排显示没有间隙,不受到多行文本对齐的问题左右好控制浮动的特点浮:浮起来,脱标漏:不占位置特:与行内块特点类似,能设置高宽,一行显示,没有间隙float:l...
2020-05-06 22:18:18
148
原创 padding,margin,清除li前面的小圆点,布局技巧,content
padding内边距盒子边框到内容之间的距离1个值 四边2个值 10px 20px 上下 左右3个值 上 左右 下4个值 上 右 下 左属于盒子的一部分 影响盒子真实大小块元素有高度的情况下,设置内边距,要把高宽减去内边距margin盒子与盒子之间的距离使用步骤margin:10px 上右下左margin:10px,20px 上下 左右margin:10px...
2020-05-06 22:15:06
429
原创 css-背景-盒子模型-背景大小
背景background-color 背景颜色十六进制rgbrgba a的取值0-1background-image 背景图片url 位置 加""会有提示,不加没有提示background-repeat 背景图片是否平铺满no-repeat 不平铺满repeat-x 在x轴平铺满repeat-y 在y轴平铺满repeat 平铺满background-position 背景...
2020-04-30 10:18:55
945
原创 css-选择器优先级权重-元素显示模式
选择器优先级-权重继承 或者 * 0,0,0,0元素选择器 0,0,0,1类选择器,伪类选择器 0,0,1,0ID选择器 0,1,0,0行内样式style="" 1,0,0,0!important 重要的 无穷大1, 看继承 有继承 pass2, 谁的级别高听谁的3, 都有高级别, 比个数4, 所有级别个数相同的情况下, 就近原则元素显示模式行内i...
2020-04-30 10:01:07
141
原创 css-引入方式-复合选择器
引入方式行内样式style=“属性:属性值”缺点:只能用于当前标签,不便维护,结构繁杂内部样式head里面添加style选择器{属性:属性值;属性:属性值}当前页面没有实现样式与结构的完全分离外部样式通过link引入外部css文件 <link rel="stylesheet" href="外部css文件" />外部的css用的多 ： 1.实现结构与样...
2020-04-30 09:58:46
124
原创 css基础-基础选择器,字体属性,文本外观
基础选择器 p{属性名:属性值;}1.1 标签选择器 标签{属性:属性值}页面上全部相同标签1.2 class(类选择器) .名字{属性：属性值} div class=“名字”1.3多类名选择器减少代码量方便代码的后期维护多类名与css的先后顺序有关系,与html结构里面的class类名顺序没有关系多类名的添加,以空格的形式1.4 id选择器html： css： #名...
2020-04-24 23:33:43
93
原创 html5基础语法及用法
在vscode输入!+tab可快速生成骨架 lang=“en” 中en是指英文,中文是zh-CH,不过不影响,一般用en也行 UTF-8是指万国码head是头部的意思 title是网页标题的意思body是身体的意思一般代码在body里写h1,h2,h3,h4,h5.h6分别代表6个级别的标题p标签代表一个段落br是单标签,代表换行img是图片标签<img src="" alt=...
2020-04-24 23:31:44
342
原创 python切片的用法
a = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h']print('First four :', a[:4])print('Last four :', a[-4:])print('Middle two :', a[3:-3])print('step :', a[::2])# 如果想在列表开头获取切片,可以把start那里留空print...
2020-04-15 21:53:26
170
原创 python中sorted函数的使用
num1 = [1, 3, 5]num2 = [3, 5, 1]if sorted(num1) == sorted(num2): print('这两个字符一样')else: print('不一样')# 如果想将num1列表反转,可以用切片print(num1)print(num1[::-1])>>>这两个字符一样>>>[1, ...
2020-04-15 15:48:36
126
原创 python中数据类型的转换
int(数据)，转成int类型float(数据)，转成float类型str(数据)， 转成str类型eval(数据)，提取字符串里面的内容，比如: ‘123’, 其实就是去掉引号的内容set函数创建一个无序不重复元素集,可删除重复数据,计算交集,差集,并集等my_list = ['a', 'a', 'b', 1, 1, 1, 2]# 去重操作可以之间用setnew_list = se...
2020-04-15 15:21:29
165
原创 python字符串的格式化输出
字符串格式化输出可以用:%s(字符串)%d(整型int)%f(浮点数float)但是我喜欢用f""格式化字符串,因为f格式化字符串比占位符简单很多a = '小明'b = '呵呵'print(f'{a}说了{b}')>>>小明说了呵呵...
2020-04-15 14:50:59
176
原创 python中print函数的使用
print(数据1， 数据2) # sep: 指定多个数据输出时的分割符 print('a', 'b', sep="#") # end: 输出数后末尾加上指定内容 print('a', 'b', sep="#", end="!") -> a#b!以下是pycharm查看的print函数的介绍def print(self, *args, sep...
2020-04-15 14:44:46
445
原创 python字符串列表元组字典集合常用操作及函数
字符串常见的操作 ****find： 根据指定数据获取该数据对应的下标, 找不到返回-1index: 根据指定数据获取该数据对应的下标，找不到崩溃count: 统计指定数据出现次数replace: 替换字符串中的数据,此函数用后必须要有一个变量接收,可指定替换次数split: 根据指定数据对字符串进行分割startswith: 判断是否是以指定字符串开头endswith： 判断是否...
2020-04-12 13:25:57
560
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人