![](https://img-blog.csdnimg.cn/20200220125850797.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端基础
文章平均质量分 75
HTML&CSS&JavaScript
是日前端
每次不论输棋赢棋,要做的不是立即欣喜、沮丧,而是沉静地复盘。。。
展开
-
Vue前后端交互总结
前后端交互模式接口调用方式原生ajax基于jQuer的ajaxfetchaxiosPromise用法原创 2021-11-22 09:30:45 · 224 阅读 · 0 评论 -
Vue中使用axios(Promise)
前端小白简单总结,参考黑马珠峰等课程以及其他内容整合,还望各位大佬多多指教~一、axios的使用axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,本质上也是对原生XHR的封装,只不过它是Promise的实现版本,符合最新的ES规范,有以下特点:从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSR.原创 2020-11-15 15:04:07 · 6047 阅读 · 0 评论 -
快速学习掌握移动Web开发布局总结(流式布局+flex伸缩布局+rem布局+Boostrap框架 )
移动端常见布局移动端技术选型移动端布局和以前学习的PC端有所区别一、流式布局(百分比布局)流式布局,就是百分比布局,也称非固定像素布局通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充。流式布局方式是移动web开发使用的比较常见的布局方式max-width 最大宽度(max-height 最大高度)min-width 最小宽度(min-height 最小高度)二、flex伸缩布局1)传统布局和flex布局2)布局原理flex是flexi原创 2020-10-14 23:50:35 · 1438 阅读 · 0 评论 -
移动Web开发基础学习总结
一、移动端基础1. 浏览器现状2. 手机屏幕现状3. 常见移动端屏幕尺寸4. 移动端调试方法Chrome DevTools(谷歌浏览器)的模拟手机调试搭建本地Web服务器,手机和服务器在一个局域网内,通过手机访问服务器使用外网服务器,直接IP或域名访问总结:移动浏览器我们主要对webkit内核进行兼容我们现在开发的移动端主要针对手机端开发现在移动端碎片化比较严重,分辨率和屏幕尺寸大小不一学会用谷歌浏览器模拟手机界面以及调试一、视口视口(viewport) :就是浏原创 2020-07-13 15:26:41 · 890 阅读 · 2 评论 -
js的闭包和匿名自执行函数的简单理解
函数的闭包:父函数里面套用子函数,子函数可以直接访问父函数里的局部变量局部变量的搜索顺序:1、子函数自身的局部变量2、父函数里的局部变量3、全局变量匿名自执行函数(fn(i){ console.log(i);})(i);相当于:function fn(i){ console.log(i);}fn(i);...原创 2020-07-30 15:39:36 · 150 阅读 · 0 评论 -
品优购项目静态页面应用中总结(京东)
1、line-height行高=高度:垂直居中行高<高度:文字偏上行高>高度:文字偏下2、添加字体图标将字体的font文件夹放入根目录下在样式里声明自定义字体(注意路径的正确) @font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?7kkyc2'); src: url('../fonts/icomoon.eot?7kkyc2#iefix') forma原创 2020-07-17 23:48:24 · 452 阅读 · 0 评论 -
HTML5+CSS3学习总结(完结)
一、HTML5的语义化二、CSS3动画三、CSS3阴影四、CSS3过渡(非常重要)五、弹性布局六、栅格布局七、渐变八、媒体查询原创 2020-06-14 21:45:05 · 30056 阅读 · 15 评论 -
JavaScript基础语法学习总结(完结)
一、初识JavaScript1. JavaScript概述Java是世界上最流行的语言之一,是一种运行在客户端的脚本语言(Script是脚本的意思)脚本语言:不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行现在也可以基于Node.js技术进行服务器编程2. JavaScript的作用表单动态校验(密码强度检测)(JS产生最初的目的)网页特效服务端开发(Node.js)桌面程序(Electron)App(Cordova)控制硬件-物联网(Ruff)游戏开发(co原创 2020-05-21 10:50:58 · 2167 阅读 · 4 评论 -
前端自检梳理——前端开发基础
Day01重点:1.Web标准2.HTML相关概念3.HTML标签认识HTML学习目标理解HTML的概念HTML标签的分类HTML标签的关系HTML标签的语义化应用HTML骨架格式sublime基本使用理解相对路径三种形式HTML常用标签学习目标理解:相对路径三种形式应用排版标签文本格式化标签图像标签链接相对路径,绝对路径的使用1. HTML常用标签1.1 排版标签1)标题标签h (熟记)2)段落标签p ( 熟记)..原创 2020-05-17 12:28:23 · 374 阅读 · 0 评论 -
清理浮动的六种方法(终结版)(转载)
这几天研究清理浮动的方法研究得我头都大了,这玩意儿发展了很多年,所以有很多种方法适用在不同的场景,我总结了一共六种方法,按照推荐顺序列在这里,所谓的推荐顺序也只是一般情况,最终还是要根据你的需求而定,比如说前面推荐的两种方法在我的项目中就不能用。各种方法的优缺点我就不一一赘述了,如果你不想研究的话就一个个套,如果你想深入了解的话就只需要仔细研究一下本文末尾列出来的三篇文章就足够了,其他的都可以不...原创 2020-03-22 13:51:28 · 147 阅读 · 0 评论 -
css中属性继承性总结(转载)
css中属性继承性总结(转载)1. css可以和不可以继承的属性不可继承的:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、tabl...原创 2020-03-22 13:01:29 · 6135 阅读 · 0 评论 -
HTML+CSS应用中总结
1、清除元素默认的内外边距/*清除元素默认的内外边距*/* { margin: 0; padding: 0;}2、清除列表样式/*清除列表样式*/li { list-style: none;}3、行内元素没有大小,需要转化为块级元素a { display: block;}4、去掉button默认自带边框/*去掉button默认自带边框*/button { ...原创 2020-03-08 17:45:58 · 233 阅读 · 0 评论 -
CSS基础总结
都是自己学习时候总结的,如有错误以及需要改进的地方,请大家尽管指出,共同进步,谢谢。1. CSS语法1.1 行内式(内联样式)概念:称行内样式、行间样式.是通过标签的style属性来设置元素的样式语法格式:<标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>注意:style标签一般位于head...原创 2020-03-02 00:53:56 · 1955 阅读 · 0 评论 -
HTML基础总结
都是自己学习时候总结的,如有错误以及需要改进的地方,请大家尽管指出,共同进步,谢谢。HTML(Hyper text markup language):超文本标记语言。一、HTML文档结构:<!------ HTML文档结构 ------><!-- 声明文档类型 --><!doctype html><!-- 根标签 -->&...原创 2020-02-20 13:32:16 · 328 阅读 · 1 评论 -
前端基础知识
一、常用快捷键复制:Ctrl+c粘贴:Ctrl+v剪切:Ctrl+x全选:Ctrl+a保存:Ctrl+s撤销一步:Ctrl+z返回桌面:Windows+d我的电脑:Windows+e打开运行:Windows+r切换软件:Alt+tab软件文档之间的切换:Ctrl+tab重命名:F2刷新页面:F5二、前端知识网页主要是由文字、图片和按钮等元素构成,还可以包含音频、...原创 2020-02-20 13:18:31 · 333 阅读 · 0 评论