- 博客(41)
- 收藏
- 关注
RSS订阅原创 2021-11-03面试题
请谈谈对cookie的优点和弊端优点：保存了客户端数据，分担了服务器的负担、控制cookie失效时长，防止盗用、弊端：一个域名最多只能有20个cookie、为了兼容性，一个cookie限制大小为4kb、如果cookie被拦截，则会获取到所有的session信息浏览器本地存储是什么样的html5分为 SessionStorage和LocalStorage，SessionStorage是会话级别的存储。LocalStorage是持久性的，如果不删除是一直存在的。web stor.
2021-11-04 15:02:38
175
原创 vue学习-0617
promise—更加优雅的异步处理方案。也就是在promise中 进行异步请求 url等，用resolve这个函数 调用then，在then中进行对返回数据的处理。失败的时候调用 reject 然后会用.catch（err）对error进行处理。如下图：因为如果在promise中请求 并且处理，代码看起来会很乱。1.何时会用到？一般情况下 进行异步操作时，进行封装。2.有3种状态：promise.all 这里是可以放多个请求，当这鞋请求都处理完成时，才会执行.then里面的操作
2021-06-18 14:37:20
131
原创 vue学习随笔
3个高阶函数 //filter必须返回一个布尔值，true:函数内部放到一个新的数组constnums=[10,215,15,656,546,25]letnewnums=nums.filter(function(n){returnn<100})//map函数的使用letnew2nums=newnu...
2021-06-03 15:22:09
126
原创 flex布局
主要是对父级进行操作，子元素跟着主轴排序，flex-direction，剩下的另外一个是侧轴设置主轴上 子元素的排列方式，注意：确定好主轴的位置（重要） 居中对齐：justify-content:center（主轴）两边贴边，剩余平分：justify-content:space-between;flex-wrap:设置子元素是否换行（重要）默认子元素不会换行，如果装不开 会缩小子元素宽度.所以如果想换行，flex-wrap:wrap设置侧轴上子元素的排列方式（重要a）al.
2021-05-31 15:16:55
107
原创 5.27 jquery 效果and属性
JQuery 就是为了方便的操作DOM，把原生的js封装。所以要学习调用这些函数。入口函数$(function()){ } $是 jQuery的别称 DOM对象和jQuery对象dom:用原生js获取过来的对象叫DOM对象jQuery：用jQuery方式获取过来的。注意：dom对象只能使用原生的属性和方法，jQuery同理。jQuery基础选择器语法：$(“选择器”)...
2021-05-31 10:46:58
170
原创 5.26 动画
动画原理：利用定时器不断移动盒子，注意元素需要加定位 因为要使用style.left把动画封装起来之后，记得清除里面每次循环的定时器，不然每次点击按钮 会触发多个定时器。缓慢效果原理：让盒子每次移动的距离变小，核心算法：（目标值-现在的位置）/10 作为移动的步长注意，步长需要取整，因为js对除法结果不精确。步长>0时，用math.ceil向上取整。后退时，步长<0时，用math.floor向下取整。自动播放可以用定时器节流阀快速点击的时候 会有问题。所以这里等上...
2021-05-27 16:01:02
84
原创 5.25 js执行机制+元素偏移量
执行机制分 同步和异步同步任务都在主线程执行，形成一个执行线异步 都是回调函数，例如click,resize 资源加载load error 定时器setIntveral 等location对象的属性、常用3个属性重点记住 href：获取或者设置url search:返回参数常用属性location.assign() 和href一样，可以跳转页面（重定向）有历史记录，可以后退location.replace() 替换当前页面 无历史记录 不能后退locatio...
2021-05-26 08:27:23
116
原创 5.25 js进阶02 键盘事件、BOM模型
常用的键盘事件 键盘事件对象，获取当前点击的是哪个按键，用对象里面的keyCode 返回对应ASCII值并且keyup 和keydown 不区分字母大小写。例如 a A都是65keypress 区分大小写一般显示输出的时候，用keyup ，keydown不能用，会少内容，因为要等键盘抬起都再落库。BOM模型和DOM的关系，BOM包含了DOM,顶级元素代表的是浏览器窗口加载事件：load1.load 之前在写js的时候，元素必须写在方法前面，否则运行报错。B...
2021-05-25 21:31:29
135
原创 5.25 进阶js 第二天
注册（绑定）事件传统注册事件有唯一性，所以我们常用监听注册方式监听注册方式：addEventListener（type,方法，usecapture）三个参数最后一个可选，注意type要加引号，不加on兼容性问题，自己封装一个方法，一般 用不上.去PPT里面找下删除（解绑）事件1.传统解绑事件：a.onclick=null2.删除事件：用下图这种匿名函数事件流，分为捕获阶段（上--下）、冒泡阶段（下--上）开发中，较少使用捕获阶段，冒泡阶段比较多。有些事件没有冒泡，比..
2021-05-25 15:03:50
107
原创 5.24 js进阶，第一天
获取元素1.通过ID获取。 getElementById()console.dir() --打印我们返回的元素对象，更好的查看里面的属性和方法2.标签名getElementsByTagName() 3.类名4.选择器 querySelector--返回指定选择器的第一个元素对象querySelectorAll（） --返回指定选择器的所有元素对象获取body htmldocument.bodydocument.ducumentElement...
2021-05-25 10:19:09
136
1
原创 2021.5.21css实战
品优购项目练习笔记。1.制作网页的图标，先切图 然后用制作图标工具转一下https://www.bitbug.net/2.把转完的图标放到项目根目录3.html页面引入 在head里写下图的这个标签，注意名字和路径...
2021-05-24 07:51:06
130
原创 HTML5的新特性
不同浏览器对文本呈现有差异，为了照顾浏览器的兼容性问题，我们对CSS初始化。也称为CSS reset1.新增了 语义化标签2.新增的多媒体标签视频<video> 尽量使用MP4格式，支持主流格式。属性： 需要这个属性就添加，如果不用这个属性 就不写~3.新增input表单有许多属性，验证时 必须添加form表单域。当我们提交按钮就可以验证表单了。属性：邮箱、网址、日期、数字、手机号码等等4.新增表单属性required 必填pl...
2021-05-20 20:15:07
102
原创 2021.5.20 css学习-常见布局技巧
布局技巧1.一行多个盒子 没有间距，有边框的话，会重叠 如图：边框变为2倍，10px解决办法： margin-left:-5px;这里是配置成负的边框的长度。结果如图：如果下面也有类似的，同理。可以加上 margin-bottom：-5px2.边框重叠时，如果想加上滑动上去的样式，会出现这种情况，原因也是重叠了解决办法，1.给此元素加上相对定位，原因是定位可以覆盖住标准流等元素，使用相对定位的原因：需要保留位置。2.有时候，元素已经有了相对定位，这种情况提高层级...
2021-05-20 17:38:56
157
原创 pink老师，css学习
主要针对小的背景图片，语法：background-positionx/y轴，和数学上的坐标不同。x轴，往右走是正的，往左走是负的。y轴，往上走是负的，往下走是正的一般情况，精灵图都是负值字体图标用于显示网页中显示的结构简单的小图标，可以自己制作css三角设置一个宽高都为0的盒子，然后（记得为了照顾兼容性，里面还有加上行高、字体大小都是0）border：50px solid transparent；border-left-color：pink 这是一个向右的三角鼠标样式..
2021-05-20 14:12:48
191
原创 pink老师，CSS学习 day5
1.图片格式PSD格式 适用于前端人员，可以直接从上面复制文字 测量大小等jpg: 产品类图片png:做一些透明的图片2.css属性书写顺序布局定位属性 （display/position/float/clear/overflow） 建议display第一个写 因为关系到模式 自身属性（width/height/margin/padding/border/background） 文本属性（color/font/text-align/text-decoration） 其他属...
2021-05-18 14:27:38
120
原创 pink老师，CSS学习 浮动相关
网页定位 3种方式结合标准流（标签元素按照定义执行，比如块级元素独占一行 行内元素一行多个）、浮动、定位网页布局第一准则：多个块级元素 纵向布局，用标准流；多个块级元素横向布局用浮动浮动：左浮 右浮 不浮动浮动的特性（重点）1.浮动元素脱离标准流脱标、脱标的盒子不在保留原先的位置2.浮动元素 一行显示 沿着上沿对齐，多出的盒子另起一行显示3.任何元素都可以浮动，不管之前是什么类型的元素，添加浮动后都具有行内块元素的特点所以行内元素，只要给了浮动以后，可以直接给高度和.
2021-05-17 15:14:15
110
原创 CSS3新增样式
1.圆角边框语法：border-radius:length如果想做成圆形的，先做一个正方形，然后length这里写50% 意为取边框长度的一半2.圆角矩形的话 length设置为高度的一半3.可以简写 4个值 顺序为左上 右上 右下 左下 （顺时针）2个值 结果为对角线4.盒子阴影 多个属性 box-shadow 盒子阴影不占用空间h-shadow 必须 水平阴影位置v-shadow 必须 垂直阴影位置blur 可选 模糊距离spread ...
2021-05-16 21:07:19
135
原创 pink老师，CSS学习day3
css层叠性：就近原则，只层叠样式冲突的。继承性：子元素会继承父元素的 字体 颜色等样式，但是宽高不能继承行高的继承：行高可以继承，可以不写单位，比如 10px/1.5这是的1.5是当前文字的1.5倍优先级：（范围越小 优先级越大）！important > 行内样式 > id > class > 元素选择器选择器不同，权重不同记住 继承的权重是0，所以以后看元素的样式是什么，优先看这个元素有没有拿出来写盒子模型边框border三个...
2021-05-16 13:23:52
104
原创 pink老师，CSS学习day2-2
1.设置垂直居中的小技巧文字行高（line-height）=盒子的高度height2.CSS背景图片background-image:url平铺图片 --background-repeat默认为平铺的，不平铺 no=repeat 沿x/y轴平铺 repeat-x/y背景图片-位置background-position：方位名词，如果写两个方位词 则两个位置顺序可以随便放 例如 leftcenter （左上）=center left如果只写一个，则默认为居...
2021-05-16 10:05:27
109
原创 pink老师，CSS学习day2-1
复合选择器1.后代选择器元素1 元素2{样式声明}2.子选择器元素1 > 元素2{样式声明}3.并集选择器 同时选择多种选择器 设置样式--约定的语法规范 并集选择器喜欢竖着写元素1，元素2{样式声明}伪类选择器主要用于添加某些特殊效果，用：冒号表示1.链接伪类选择器link,visited ,hover,active 为确保生效，注意使用顺序2.focus伪类选择器，主要是用于表单input元素获得光标点击（鼠标在的）位置的样式元素显示模...
2021-05-15 14:07:03
122
原创 pink老师，CSS学习day1
1.字体属性font-family--字体系列一般定义在body标签里面2.字体大小-- font-size3.字体粗细 font-weight 注意后面不加单位！！bold 加粗，实际开发中更喜欢用font-weight：700 也是加粗的含义font-weight：400 等同于normal4.文字样式 （比如斜体）font-style5.复合属性--有格式要求font:font-style font-weight font-size font...
2021-05-15 10:06:24
105
原创 pink老师HTML学习最后一天
1.select下拉表单,默认选中属性--selectedselect option2.textarea 文本域，比如留言板等。
2021-05-13 22:02:19
68
原创 pink老师HTML学习02
1.表格标签table--tr--tdtd 以为table datath 表格表头位置，table head,加上此标签 表头会加粗居中显示2.合并单元格，在td标签里面标记上跨行rowspan=行数跨列 colspan=列数然后删除多余的单元格。3.列表标签无序列表ul 里面放li有序列表ol 里面放li4.自定义列表 --对术语进行解释dl里面只能放dt或者dd5.表单控件 form--表单域表单元素：单选框按钮...
2021-05-13 20:59:14
90
原创 pink老师--HTML学习day1
<!DOCTYPEhtml>-----是声明标签<htmllang="en">---language缩写，为显示语言网页 englishcharset--字符集 utf-8万国码HTML 常用标签1.标题标签 h6--h12.段落标签 p3.换行标签 br 是个单标签文本格式化标签4.加粗 strong 倾斜i 删除线 del 下划线ins 或者u盒子标签5.div，自己独占一行 （大盒子）...
2021-05-13 15:11:17
94
原创 js学习最后一天
构造函数：因为创建对象只能一次创建一个对象，有时好几个对象的属性和方法是重复的，所以用构造函数，把相同的函数和属性封装出来。重复使用。function 构造函数名(形参){ this.属性=值; this.方法=function(){ }}new 构造函数名(实参)规范：1.构造函数 首字母大写！！2.构造函数 不需要return 就可以返回结果！！3.使用构造函数，必须使用new，就创建了一个对象4.我们的属性和方法前面都添加thisnew关键
2021-05-12 15:26:44
71
原创 js学习忘记第几天了
switch分支switch(2){case 1：console.log('1');break;case 2：console.log('2');break;default：console.log（‘no’）}
2021-05-12 10:11:23
109
原创 vue学习笔记1
1.innerHTML 不包含html，outerHTML 包含html2.v-text 和v-html 当对象是文字时，展现情况一样。当包含html时，v-html能看见对象的html属性3.v-on 绑定事件，比如鼠标点击 移入等，v-on:click可以简写为 @click ="do" do为methods里的方法,methods:{do:function(){}}4.v-show 根据表达式的真假，切换元素的显示和隐藏，原理是修改元素的display，操作元素...
2021-05-09 14:10:17
186
原创 js学习day3
lesson01-算数运算符1.加减乘除 等等。。但是小数的计算 精度不够--后续有方法解决，所以浮点型的不能相比较2.递增和递减运算符++num 和num+1相等 前置递增 例如num=++10+10 结果为21num++ 和后置相同。效果都相同。两者最大区别是：后置--先返回原值后自加1 ，表达式返回原值、后面变量再自+1比如：num=num++ +10 结果为20常用为num++lesson09-逻辑运算符逻辑与&& 逻辑或|| 逻...
2021-05-08 08:11:40
553
原创 js学习day2
lesson31不同的变量类型 在浏览器控制台打印出来 颜色不同。黑色是字符串类型。lesson32 数据类型转换：之前说所有的类型 加上字符型 都会变成字符相加的结果。现在如果想让数字加字符 还显示数字 就需要类型转换1.转换为字符串： 最常用是字符串相加。--也称为隐式转换 其他方法 toString、String（）lesson33 转换为数字类型（重点）（常用）1.parseInt转换为数字，得到的是整数！后面加上单位会去掉单位。...
2021-05-07 20:17:10
72
原创 js学习day1
js是脚本语言，因为他是一行一行解释执行的。浏览器是由渲染和js引擎组成的。js的组成。3部分：1.语法ECMAScript--规定的语法的核心 2.DOM--文档对象模型 即页面元素 3.BOM-浏览器对象模型尽量不用行内元素，js中常用单引号。内嵌式和外部--适用代码量大的情况 最常用！！输入输出语句：常用的三种：1.alert（msg）--警示框 2.console.log（msg）--浏览器控制台打印信息 3.prompt（info）浏览器弹出输入框 ...
2021-05-07 14:57:16
83
原创 html学习笔记day04
RGB、GGBA(0,255,255,.50)--不透明度：.1表示完全不透明；0表示完全透明十六进制#颜色#ff #aalayout---文档流 在文档流中的特点： -块级元素，独占一行，例如div、p -行内元素，只占自身大小，例如span 盒子模型：css将页面中的所有元素都设置为一个矩形盒子.即摆放盒子进行布局 结构： 内容-content 内容区的大小由height,width设置 边框-border [需要设置边框的宽度：border-with 颜色.
2021-04-07 09:19:09
72
原创 html学习笔记day03
伪类选择器描述状态，一般：开头：first-child、last-child、nth-child超链接，a:link --表示没访问过的链接（正常的链接）；a:visited--表示访问过的链接（为了隐私 这个只能修改颜色） ：hover 鼠标移入 :active 正在点击伪元素：：开头 p::first-letter{font-size:50px;} --第一个字母 p::first-line{color:darkmagenta;} --第一行 p::sel...
2021-04-06 20:07:39
78
原创 html学习笔记day2
相对路径：用./ 或者.. 写不写都行 不写默认写了 ./ 表示当前路径 ../表示当前路径的上一层级 超链接，target属性，可设置超链接打开位置 _blank 在新的页面显示<ahref="./testhtml/html0401.html"target="_blank">访问yl</a>回到顶部 <ahref="#">回到顶部</a> 回到底部 （去到标签的最后一个底部，给这个标签加一个属性即可，加个i...
2021-04-03 19:20:55
82
原创 html学习笔记01
基础、段落等HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。 标签都用小写 属性值需要写上引号（单引号 双引号都可以 视情况而定） 写注释的方法 <!-- 这是一个注释 --> <p>标签是块级元素，会自动在段落前后添加上空格，页面上能看出来是一个段落。如果希望在里面添加不改变段落的内容 可以用br标签，如下图。（br标签没有结束标签，所以写两个br代表结束就可以） <p>标签定<br>...
2021-04-01 10:51:30
78
原创 js移除标签属性的方法
item=driver.find_element_by_xpath('/html/body/div[2]/div[1]/div/div/i[1]')driver.execute_script('arguments[0].click();',item)driver.execute_script('arguments[0].removeAttribute("readonly")',item)
2021-03-15 12:17:46
1511
原创 日期控件问题记录---花费一下午！！
首先 我想点击出日期控件，但是用了find、js定位全部都获取不到元素。网上说js好用，我试用了无数次js，包括上一层级等等，无效。用一下午的时间，发现是这个控件是动态的，框架的id一直在变。用css也在变。网上说要用xpath定位。发现xpath中定位ID也在变，最后发现full xpath没有id值，选用这个代码item=driver.find_element_by_xpath('/html/body/div[2]/div[1]/div/div/i[1]')driver.execut
2021-03-13 19:00:53
178
原创 Message: element not interactable问题解决过程记录
Message: element not interactable问题解决过程记录此问题反复出现，并且每次的修改方法可能都不一样，故现在打算记录下来修改过程。首先根据这篇文档的教程尝试了以下几个方法1.用显示等待#设置等待wait = WebDriverWait(driver,10,0.5)#使用匿名函数wait.until(lambda diver:driver.find_element_by_id('kw'))自己实践截图：#设置等待wait = WebDriverWait(dri
2021-03-12 17:33:59
3384
原创 第一个函数小程序--学籍注册系统
本程序涉及知识点：调用函数，函数内要有return 返回值 文件相关 f""的含义---我的理解 用于打印带对象的值：例如，print("-------{name},{age}-----") if 循环，注意缩进 特别是在循环的时候。if后面如果跟着两个条件，直接写即可。例如：if 0<=index <len(cou_list) exit() 数据异常退出的时候,可以用这个方法 判断变量是否是数字：a.isdigit()mode="a"---用于追加，"r"----只读...
2021-01-22 09:31:09
389
2
原创 枚举enumerate() 函数
numerate() 函数用于将一个可遍历的数据对象(如列表、元组或字符串)组合为一个索引序列，同时列出数据和数据下标，一般用在 for 循环当中。举例：list=["数学","英语"，“语文”]for index, course in enumerate(list): print(f"{index}: {course}")...
2021-01-21 10:42:27
262
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人