自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 资源 (1)
  • 收藏
  • 关注

原创 rem移动端布局方案解析+案例

rem移动端布局方案解析+案例

2022-02-25 00:27:44 332

原创 vue 移动端适配方案 设计稿按 一比一 设置css大小,并实现移动端适配,样式自动添加浏览器前缀

记录一下,vue的移动端适配:vue-cli4 + postcss + postcss-cli + postcss-pxtorem + amfe-flexible ,实现设计稿按 一比一 设置css大小,并实现移动端适配。新建vue项目(这里用的是vue-cli4):vue create my-demo安装 amfe-flexible:npm i -S amfe-flexiblemain.js 引入import 'amfe-flexible';效果:实现根字体大小自动设置加一点

2022-01-15 17:30:08 588

原创 查看npm模块的版本列表以及版本发布日期,解决模块版本不兼容问题。

查找项目中所使用模块的相应版本,解决版本过高或过低造成的兼容问题。

2021-12-15 22:11:25 4428

原创 vue-cli 配置 vue.config.js 创建代理服务器 解决跨域问题

vue-cli 配置 vue.config.js 创建代理服务器 解决跨域问题

2021-12-01 16:04:41 1264

原创 创建 vue 项目 报错:command failed: npm install --loglevel error --legacy-peer-deps

用 vue-cli 创建vue项目时,报了个错,。网上找了几个方法都不行,然后看报错信息,装了个包,可以了。输入 vue create vue_demo 后,完整的输出信息:发现有个提示是这样的:npm ERR! path C:\Users\xuan\Desktop\git\test\vue\Cli\vue_demo\node_modules\coanpm ERR! command failed根据上面的信息,装了个 coa,解决了:...

2021-11-04 22:41:00 7302 1

原创 利用 ssh 提交代码到 github 2021

今天想提交代码到 github ,报了个这样的提示:Logon failed, use ctrl+c to cancel basic credential prompt.libpng warning: iCCP: cHRM chunk does not match sRGBlibpng warning: iCCP: cHRM chunk does not match sRGBlibpng warning: iCCP: cHRM chunk does not match sRGBremote: Su

2021-10-08 19:41:33 86

原创 bootstrap 导航条居中

为了实现bootstrap导航条里面的导航按钮居中,并响应小屏幕,着实折腾了一波,。记录一下:1:.navbar-collapse 设置 文字居中 text-align: center;2:导航容器 .navbar-nav,设置为行内块元素 display: inline-block;3:导航选项 li, 设置为块元素 display: block; <nav class="navbar navbar-default navbar-inverse navbar-fixed-top nav-ju

2021-10-08 18:31:13 1795

原创 js apply、call、bind 用法实践+解析

作用: 改变对象的this指向 ,调用指定对象的属性 使用方法有两种: 1、主动借用对象,作为函数调用主体时,默认,把参数的this属性借给主动调用对象 call(...arguments): 立即执行函数,不需要手动执行 apply(array): 立即执行函数,不需要手动执行 bind(...arguments)(): 不是立即执行函数,需要手动执行 加 () 2、被借用对象,作为

2021-09-03 00:59:10 60

原创 第四章 返回结果的 HTTP 状态码

HTTP状态码负责表示客户端HTTP请求的返回结果。状态码告知从服务器端返回的请求结果客户端向服务器请求,服务器返回状态码,告知服务器处理的结果(正常或错误)。状态码由 3 位数字和原因短语组成。第一位数字表示响应类别。状态码的类别类别原因短语1XXIinformational(信息性状态码)接收的请求正在处理2XXSuccess(成功状态码)请求正常处理完毕3XXRedirection(重定向状态码)需要进行附加操作以完成请求4XXClien

2021-08-11 22:59:04 137

原创 第三章 HTTP报文内的HTTP信息

HTTP 报文HTTP报文本身是有多行数据构成的字符串文本。用CR+LF换行。HTTP报文大致分为报文首部和报文主体两块。两者由最初出现的CR+LF划分。报文主体可以没有。请求报文及响应报文的结构请求行:包含请求的方法、请求URI 以及 HTTP 版本状态行:包含表明响应结果的状态码,原因短语和 HTTP 版本首部字段:包含表示请求和响应的各种条件和属性的各类首部一般有4种首部,分别是:通用首部、请求首部、响应首部和实体首部。可能包含HTTP的RFC里未定义的首部(Cookie 等)

2021-08-03 20:57:04 38

原创 第二章 简单的HTTP协议

HTTP 协议用于客户端和服务器端之间的通信客户端发送请求,服务端响应。通过请求和响应的交换达成通信

2021-08-02 16:41:20 36

原创 第一章 了解web及网络基础

网络基础 TCP/IPTCP/IP 协议族TCP/IP 是互联网相关的各类协议族的总称eg: IEEE 802.3 、FDDI、ICMP、TCP、HTTP、IP、DNS、FTP、PPPPoE、UDP、SNMP...TCP/IP 分层管理按层次分为四层:应用层、传输层、网络层、数据链路层应用层决定向用户提供应用服务时通信的活动(FTP、DNS、HTTP...)传输层传输层对上层应用过层,提供处于网络连接中的两台计算机之间的数据传输,在传输层有两个性质不同的协议:TCP(Transmis

2021-07-31 11:53:42 49 1

原创 JavaScript 中 var、let、const 区别

JavaScriptvar & letvar: 有变量提升 函数作用域内有效 声明的变量 会 成为 window 对象的属性 let 没有变量提升 仅在块作用域内有效 {} 声明的变量 不会 成为 window 的属性 for(var i=0; i<3; i++) { setTimeout(() => { console.log(i) }, 1000) // 3 3 3 } // var 声明的变量,作用域在全局,setTimeout每次引用的都是同一

2021-04-26 22:32:51 960 4

原创 html 页面资源加载顺序

<script> 元素属性:async:异步加载(限第三方脚本) 加载完执行 没有顺序 不推荐defer: 文档完全被解析和显示之后再执行(标签放到 body 的底部 效果一样 且兼容性好)crossorigin:配置相关请求的跨域资源设置(默认为匿名,不发送凭据:anonymous ) 凭据分三种:cookie、网站的 TLS 证书 、用户凭据(账号密码) 凭据设置方法:crossorigin="use-credentials"integrity:验证资源完整性对比资

2021-04-25 21:01:12 153

原创 node.js 实战 阅读笔记 一 docker常用指令

1.1:什么是docker? 可移植的容器,开源的应用容器引擎。1.2:Nginx作为Node.js前端Web Server 的作用 ①:提升静态文件处理效率 是纯node.js的两倍以上 ②:利用并配置反向代理规则,减轻压力 ③:可扩展性 ④:稳定性和转发性能 ⑤:安全性增强 ⑥:方便运维1.3:安装Docker和下载Images镜像 http://docs.docker.com/1.4:docker常用指令 帮助: docker -h 获取镜像: sudo do

2021-01-12 11:57:40 102 2

原创 git 常用指令 及 讲解使用方法

注:使用git的过程中,验证过账号以后,win10 中的凭据管理器,会自动保存github账号密码,切换账号需要先删除原先的凭据。基本概念:工作区:     写代码的地方暂存区:     .git/index 目录 / stage     本地代码先提交到暂存区,然后整个暂存区提交到远程库本地库:     .git 目录&nb

2020-05-18 12:42:08 182

原创 javascript 数组 方法 函数 实例 讲解

静态方法:Array.isArray()实例方法:valueOf(): 返回数组本身改变原数组:push():在末尾添加一个元素,返回新数组长度pop() :删除数组的最后一个元素,返回被删除的元素shift():删除数组的第一个元素并返回该元素(遍历清空数组)unshift():在数组的第一个位置添加一个元素,并返回数组长度reverse():颠倒原数组的排列顺序s...

2020-04-05 15:45:28 92

原创 原生 js 实现轮播 兼容 IE

实现思路:设置一个外层div,用来显示轮播图,隐藏溢出部分 设置相对定位;设置一个banner容器,并排放置img图片,使图片向左浮动 设置绝对定位;利用banner容器的left,加上定时器,实现轮播。定时器定时将banner容器的left减小,实现banner容器向左移,从而图片向左移。移到一定程度停止,然后继续移,移到最后一张就重置所有参数,重新开始移。。。第一张图片跟最后一张b...

2020-03-14 13:47:34 121

原创 js 获取 设置 css 样式 兼容 IE

获取 css 样式://万能获取:function getStyle(obj,style){ if(window.getComputedStyle){ // 一般浏览器的方式: return getComputedStyle(obj,null)[style]; }else{ // IE return obj.currentStyle[style]; } ...

2020-03-14 13:19:59 261

原创 多行文字 溢出隐藏 三个点 兼容 IE8+ 及常用浏览器

这里用到了css3背景渐变,IE低版本不兼容CSS3渐变。webkit内核浏览器css简单实现: text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;IE只能用js实现该效果: 用js设置元素的高度,...

2020-02-22 11:56:32 1578

溢出隐藏三个点IE.html

html示例模板.

2020-02-22

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除