学习笔记
文章平均质量分 57
Rest257
这个作者很懒,什么都没留下…
展开
-
post请求提交图片链接地址,地址被截断
原本是想实现在数据库做一个存放图片地址的字段(varchar类型)想在页面输入图片地址保存到数据库在另一个界面把数据库里面的图片地址给到 img 的 src 属性,显示出来BUG:图片链接通过post 请求保存到数据库被截断,链接不完整导致图片最后显示不出来。经过一遍一遍调试之后发现是在 post 请求这里出了问题,因为图片地址里面有 & 这样的符号,使得链接被二次分割,识别为两个参数。解决方法:对获取图片链接先进行处理保存进数据库,从数据库获取时再反处理。用 unescape() .原创 2021-05-22 22:49:24 · 884 阅读 · 1 评论 -
移动端rem布局总结(Reset257)
rem 布局1、rem是什么?rem (font size of the root element)是指相对于 根元素(html 标签) 的字体大小的单位。简单的说它就是一一个相对单位。2、rem 与 em 的区别em (font size of the element)是指相对于 父元素 的字体大小的单位。它们之间其实很相似,只不过一个计算的规则是依赖根元素,一个是依赖父元素计算。3、rem能等比例适配所有屏幕,rem是通过根元素进行适配的,网页中的根元素指的是 html ,我们通过设置html原创 2020-11-30 21:15:39 · 383 阅读 · 0 评论 -
CSS3的2D效果(Reset257)
记于 2020.10.28 【P310】????一、transition1、 transition CSS 属性是 transition-property 过渡特性,transition-duration 过渡持续时间,transition-timing-function 过渡定时功能和 transition-delay 过渡延迟组成的一个简写属性,用于实现过渡效果。2、过渡可以为一个元素在不同状态之间切换的时候定义不同的过渡效果。比如在不同的伪元素之间切换,像是 :hover,:active 或者原创 2020-11-28 22:51:29 · 185 阅读 · 1 评论 -
继承、“圣杯模式“
一、继承的几种方法1、传统形式——原型链 过多地继承了没用的属性2、借用构造函数不能继承原创 2020-11-28 22:10:40 · 1060 阅读 · 0 评论 -
less学习笔记(Reset257)
学习移动端时新补充的 less 知识 ,记一下笔记 ????一、Less介绍Less ( Leaner Style Sheets的缩写)是一门 CSS扩展语言 ,也成为CSS预处理器。做为CSS的一种形式的扩展,它并没有减少CSS的功能,而是在现有的CSS语法上,为CSS加入 程序式语言 的特性。它在CSS的语法基础之上,引入了量, Mixin (混入) , 运算以及函数等功能,大大简化了CSS的编写,并且降低了CSS的维护成本,就像它的名称所说的那样, Less可以让我们用更少的代码原创 2020-11-27 09:11:45 · 201 阅读 · 0 评论 -
弹性盒模型笔记(Reset257)
笔记搬运工 ????♂️????♂️????♂️一、弹性盒1、概念弹性盒子是CSS3的一种新的布局模式。CSS3弹性盒(FlexibleBox或flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种 更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置display属性的值为flex将其原创 2020-11-26 12:56:29 · 161 阅读 · 0 评论 -
HTML表单笔记(Reset257)
整理一下之前的笔记便于查看????????????一、表单元素:一系列元素,主要用于收集用户数据**(一)、input元素** (1)输入框 <input type="text"> type属性:输入框类型, type:text表示这是一个普通文本输入框; type:password表示密码框,隐藏输入 type:date表示日期选择框,有兼容性问题 type:search表示搜索框,有兼容性问题 type:range表示滑块,有兼容性问题 type:color颜色选择框原创 2020-11-26 09:52:30 · 98 阅读 · 0 评论 -
响应式总结
一、屏幕大小分类1、超小屏幕 (手机,小于768px)2、小屏幕(平板,大于等于768px)@media(max-width:992px) { … }3、中等屏幕(桌面显示器,大于等于992px)@media(min-width:992px) { … }4、大屏幕(大桌面显示器,大于等于1200h)@media(min-width:1300px){ … } 1300是考虑了侧边滚动条的宽度二、具体实现思路1、还是把PC端的界面先照旧做出来,多用弹性盒模型替代浮动2、做响应式的时候把P原创 2020-11-26 09:43:16 · 129 阅读 · 0 评论 -
那些我错过的题
if( )里强制类型转换成布尔类型,bar变成了未定义。未声明就赋值是全局变量,做题认真分析AO和GO。++只能对变量,原始值不能++Bcall 和 this 的作用在函数执行时改变this的指向(最完整的说法)bind 详细见mdn...原创 2020-11-18 19:01:26 · 107 阅读 · 0 评论 -
构造函数、封装、原型
2020.11.17先来看一道题返回结果是 false、false、true、true实例的__proto__ 和 构造函数的 prototype 相等关于原型(prototype)1、原型即 prototype ,是 函数 的一个属性,也是一个对象,是祖先。构造函数+原型整体也是一个对象,叫做原型对象 。对象可以继承对象原型的属性。原型的存在可以减少代码的冗余,减少执行次数。对象并不具有prototype属性,只有函数才有prototype属性。!!2、利用原型的特点和概念可以提取共原创 2020-11-17 23:03:18 · 264 阅读 · 0 评论 -
CSS零碎知识点记录
1. 设置阴影 box-shadow: h-shadow v-shadow blur spread color inset;原创 2020-10-17 13:15:07 · 85 阅读 · 0 评论 -
我的js工具库
//查看滚动条的滚动距离function getScrollOffset() { if (window.pageXOffset) { return { x: window.pageXOffset, y: window.pageYOffset } } else { return { x: document.body.scrollLeft + document.documen原创 2020-10-17 10:27:14 · 187 阅读 · 0 评论 -
JS零碎知识点记录(不断更新)
typeof 返回值:number、string、Boolean、object、functionundefined(null返回object是历史遗留问题)原创 2020-10-11 20:40:34 · 180 阅读 · 1 评论 -
前端笔记——ES6
前端笔记——ES6基础知识let的使用用来声明变量。它的用法类似于var ,但是所声明的变量,只在let命令所在的代码块内有效。存在块级作用域{}不存在声明提升不允许重复声明(包括普通变量和函数参数)链接: let 和 var 的区别 const的使用用来声明常量,不要试图改变常量的值.其他语法参照let解构赋值按照一定模式,从数组和对象中提取值,对变量进行赋值。数组let [a, b, c] = [1, 2, 3]; //a = 1; b = 2; c = 3默认赋值[原创 2020-10-07 11:41:03 · 152 阅读 · 0 评论 -
前端笔记之每日一题
JavaScript学习笔记(一)每日一题(二)复习知识点this指针1、在函数预编译过程中,this指向window2、全局作用域中,this指向window3、obj.func(); 对象里面的方法,this指向对象4、call/apply可以改变this的指向该题fn()函数内部有this指针,谁调用这个函数,this就指向谁,无人调用这个函数就指向window。arguments类数组arguments是函数里面隐式的一个实参数组,不定参。arguments[i]与实参之间存在原创 2020-09-11 11:46:36 · 180 阅读 · 0 评论