前端
若_青
这个作者很懒,什么都没留下…
展开
-
Web API 一
API概念API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,无需理解其内部工作机制细节,只需直接调用使用即可。Web APIWeb API 是浏览器提供的一套操作浏览器功能和页面元素的 API ( BOM 和 DOM )。DoM...原创 2020-04-26 19:18:17 · 186 阅读 · 0 评论 -
js二
数组存储数据的集合用[]表示var arr[];可以通过下标去取从零开始遍历数组:for (var i = 0;i<=arr.length-1;i++) { alert(arr[i]); }新增和替换元素var arry = [1,2]arry[2] =3;若存在下标为2的元素则替换不存在则添加函数函数就是封装了一段可以被重...原创 2020-03-17 22:48:41 · 179 阅读 · 0 评论 -
Js
JS输入输出输入:prompt('请输入一个数字')输出:alert('你好')控制台输出console.log('123')JS变量变量需要使用var来声明。var可以同时声明多个变量特殊情况:只声明不赋值,变量定义为undefined不声明、不复制会报错不建议不声明,直接赋值使用JS数据类型var num = 1 // 数字型var num = '123' ...原创 2020-03-16 22:52:32 · 153 阅读 · 0 评论 -
响应式布局
响应式布局就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的设备划分情况小于768px 超小屏幕小屏幕 大于等于768px中等屏幕 大于等于992px大屏幕 大于等于1200pxbookstrap基本使用1.创建文件结构2.创建html骨架结构3.引入相关样式4.书写内容bookstrap布局容器Bootstrap ...原创 2020-03-13 00:38:22 · 231 阅读 · 0 评论 -
rem布局
rem单位rem是一个相对单位,类似em,em是父元素字体大小不同的是rem的基准是相对于html元素的字体大小媒体查询使用媒体查询,可以针对不同的媒体类型定义不同的样式@media可以针对不同的屏幕尺寸设置不同的样式all 用于所有设备print 用于打印机screen 用于电脑屏幕、手机、平板媒体查询后边要跟小括号,小括号设置屏幕宽度width 可见宽度mi...原创 2020-03-13 00:15:30 · 219 阅读 · 1 评论 -
flex弹性布局
flex布局操作方便,布局极其简单,移动端使用比较广泛pc端浏览器支持情况比较差IE11或更低版本不支持flex或支持部分原理:1.当我们为父盒子设为flex布局以后,子元素的float、clear、和vertical-align属性将失效2.flex用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex布局3.采用flex布局的元素,称为flex容器。它的所有子元素自动...原创 2020-03-12 23:50:34 · 118 阅读 · 0 评论 -
流式布局(百分比布局)
移动端布局移动端浏览器主要处理webkit内核浏览器即可让页面在不同页面下实现自适应视口```视口:就是浏览器显示页面内容的屏幕区域。我们一般采用的是理想视口理想视口就是将布局视口的宽度修改为视觉视口比如要在手机端显示一张100*100的图片,需要先准备一张100*100的图片,然后进行缩放成50*50的(1px相当于两个物理像素)背景缩放background-size: ...原创 2020-03-12 23:00:31 · 574 阅读 · 0 评论 -
CSS3
2d旋转2d旋转指的是让元素在2维平面顺时针或者逆时针旋转使用步骤:1.给元素添加转换属性transformdiv { transform:rotate(0deg)可以使用transfrom-orgin设置旋转中心点transfrom-orgin:x,y也可以给方位名词(top、bottom、left、right、center)2d放大缩小用来控制元素的放大与缩小t...原创 2020-03-12 20:02:16 · 70 阅读 · 0 评论 -
前端项目注意点
favicon.ico图标将.ico的文件放在项目的根目录,在html里进行链接,type可以省略<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">三大标签 <title>品优购-综合网购首选-正品低价、品质保障、配送及时、轻松购物!</title> <m...原创 2020-02-16 17:30:36 · 151 阅读 · 0 评论 -
CSS三
伪类选择器a:link 未访问的链接a:visited 已访问链接a:hover 鼠标显示移动到连接上a:active 选定的链接背景色background-color 背景色background-image:url(路径) 背景图片background-repeat: 平铺repeat 平铺no-repeat 不平埔repea...原创 2020-02-07 22:45:31 · 75 阅读 · 0 评论 -
CSS二
后代选择器父级 子级{属性:属性值;属性:属性值;}子元素选择器 父级>子级{属性:属性值;属性:属性值;}交集选择器p.demo 选择的是 p标签类名叫demo并集选择器通常用于集体声明,用逗号隔开...原创 2020-02-01 20:40:58 · 81 阅读 · 0 评论 -
CSS一
CSScss是网页的美容师CSS的三种样式行内式 <h2 style="color: pink; font-size: 100px;" >也许世间都这样</h2>内嵌式<head> <meta charset="UTF-8"> <meta name="viewport" content="width=...原创 2020-01-30 20:33:27 · 84 阅读 · 0 评论 -
HTML
HTMLhtml是超文本标记语言html骨架:<html></html> HTML标签<head></head> 文档的头部<title></title> 文档的标题<body></body> 文档的主体 标签分类常规标签(双标签):有一个开始标签,有一个结束标签空标签...原创 2020-01-26 19:31:20 · 187 阅读 · 0 评论 -
Vue
1.VueVue是JS的一个封装库Vue.js是前端三大框架,是构造数据驱动的web界面的渐进式框架2.Vue分为开发环境版本和生产环境版本(一般用开发版本)开发环境:<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js></script>生产环境:<script src="https:/...原创 2019-06-10 20:22:22 · 87 阅读 · 0 评论