基础
文章平均质量分 51
html、css、js等
糖果的小九
你好
展开
-
css记录
CSS记录css 三角形css 三角形原因:原生select的样式有点不太理想,需要美化 <div class="middle"> <!-- 查询活动 --> <div class="innerBorder item-choose"> <label class="lable">活动类型:</label> <div class="i原创 2022-02-10 11:18:20 · 399 阅读 · 0 评论 -
textarea输入框监听和输入字数限制以及样式设置
html <p class="describe">分类描述</p> <div class="desc"> <textarea class="wishContent" placeholder="请输入分类描述,最多255字。" maxlength="255" ></textarea> <div class="wordsNum"> <span class=".原创 2021-08-23 10:53:54 · 980 阅读 · 0 评论 -
从 url 输入到返回请求的过程
生成二维码及图片海报原创 2021-03-22 15:54:19 · 174 阅读 · 0 评论 -
js基础了解
基础同源策略如何实现跨域访问数据jsonpcors跨域promise二级目录三级目录同源策略同源:同一个来源在ajax请求服务器文件时。保证 协议 域名 端口号完全一致情况下,才可以访问服务器数据同源策略是浏览器的一个行为标准,保证用户使用该浏览器时 数据的安全性ajax受同源策略的影响,不能实现跨域访问数据跨域:在一个域 访问 另一个域的数据如何实现跨域访问数据jsonpjsonp: json with padding 是ajax的一种数据访问格式 通过这种数据访问格式,跨原创 2020-06-04 14:49:00 · 455 阅读 · 0 评论 -
css/div/兼容性及常见bug
清除浮动的几种方法首先,为什么会有清除浮动这一说法?当有一个父元素里面包含一个子元素或者多个子元素时,给子元素设置浮动,那么会父元素的高度就为0啦,也就是我么常说的高度塌陷。如何解决?给父元素添加height原理:如果父元素没有定义高度,那么父元素的高度完全由子元素撑开,给他定义了高度,就解决了父元素无法自动获取到高度的问题。在标签结尾处加空标签 ,给空标签添加clear:both原理:添加了空标签,利用CSS提高的clear:both清除浮动,让父级元素能自动获取到高度。**优点:*原创 2020-05-13 15:26:30 · 856 阅读 · 0 评论 -
localstorage,sessionstorage,cookie
localstorage,sessionstorage,cookie相同点 都是保存在浏览器端的且同源的不同点cookie数据始终在同源的http请求中携带,即cookie在浏览器和服务器间来回传递oppp,.`而sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存cookie数据还有path的概念,可以限制cookie只属于某个路径下。存储大小限制也不同,cookie数据不能超过4k,同时每次http请求都会携带cookie,所以cookie只适合保存原创 2020-05-13 15:15:45 · 131 阅读 · 0 评论 -
TCP和UDP的最完整的区别
TCP与UDP基本区别1.基于连接与无连接2.TCP要求系统资源较多,UDP较少;3.UDP程序结构较简单4.流模式(TCP)与数据报模式(UDP);5.TCP保证数据正确性,UDP可能丢包6.TCP保证数据顺序,UDP不保证原创 2020-05-13 14:55:33 · 179 阅读 · 0 评论 -
http与https
1.工作原理: 客户机与服务器建立连接后,发送一个请求给服务器,请求格式为:统一资源标识符、协议版本号。服务器收到请求的信息(包括请求行,请求头,请求体)。服务器接收到请求后,给予相应的响应信息,格式为一个状态行(包括响应行,响应头,响应体)2. 基于HTTP协议的客户/服务器模式的信息交换过程,分为四个过程:建立连接、发送请求信息、发送响应信息、关闭连接。3. 服务器可能同时接受多个请求,这时就会产生多个sessoin,每个session分别处理各自的请求。...原创 2020-05-13 14:40:49 · 214 阅读 · 0 评论 -
学习
模拟面试使用插件或类库,保证纯净, 修改原型扩展, $.extend({ })vue组件过渡原型继承 实例继承 混合集成git命令promise $.proxyiscroll 各个版本区别 lite普通 pro高级 refresh destroy 方法使用继承 兼容 1行代码继承更多的代码ES6extract-text-webpack-pluginreact中有一个...原创 2020-04-16 00:00:35 · 265 阅读 · 0 评论 -
art-tmplate和freemaker的使用
art-template{{value}}{{data.key}}{{data['key']}}{{a ? b : c}}{{a || b}}{{a + b}}模板一级特殊变量可以使用 $data 加下标的方式访问:{{$data['user list']}}循环{{each target}} {{$index}} {{$value}}{{/each}}...原创 2020-04-14 17:11:51 · 134 阅读 · 0 评论 -
浏览器如何渲染网页
一、浏览器如何渲染网页要了解浏览器渲染页面的过程,首先得知道一个名词——关键路径渲染。关键渲染路径(Critical Rendering Path)是指与当前用户操作有关的内容。例如用户在浏览器中打开一个页面,其中页面所显示的东西就是当前用户操作相关的内容,也就是浏览器从服务器那收到的HTML,CSS,JavaScript等相关资源,然后经过一系列处理后渲染出来的web页面。浏览器渲染的过程主...原创 2020-03-31 10:12:02 · 598 阅读 · 0 评论 -
js继承
6种继承方式想要继承,就必须要提供个父类(继承谁,提供继承的属性)一、原型链继承 重点:让新实例的原型等于父类的实例。特点:1、实例可继承的属性有:实例的构造函数的属性,父类构造函数属性,父类原型的属性。(新实例不会继承父类实例的属性!)缺点:1、新实例无法向父类构造函数传参。2、继承单一。3、所有新实例都会共享父类实例的属性。(原型上的属性是共享的,一个实例修改了原型属性...转载 2019-12-05 11:11:15 · 71 阅读 · 0 评论