基础前端
guotianxiu1234
这个作者很懒,什么都没留下…
展开
-
前端开始篇3---javaScript(当鼠标移入出现,当鼠标拿开消失)
1原创 2018-12-01 21:36:17 · 436 阅读 · 0 评论 -
JS中Swiper的使用和轮播图效果
Swiper是移动端的一款非常强大的触摸滑动插件,下面代码只展示一些常用的配置,具体可以查看官网api<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="style...原创 2019-07-01 09:19:20 · 955 阅读 · 0 评论 -
利用@media screen实现网页布局的自适应
利用@media screen实现网页布局的自适应优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值1280分辨率以上(大于1200px)@media screen and (min-width:1200px){ #page{ width: 1100px; }#content,.div...转载 2019-07-04 14:57:55 · 121 阅读 · 0 评论 -
css样式 之清除浮动
css的定位机制:普通流:浮动元素只能向左向右移动浮动:浮动元素碰到包含框或者另一个浮动框会停止绝对定位:浮动元素之后的元素将围绕它,之前不受浮动元素会脱离标准流清除浮动的三种常用方法(一般用2, 3 ):1 在浮动元素后使用一个空元素eg:<style>.div1{ clear:both}</style><div class="div1> ...原创 2019-07-04 10:32:28 · 254 阅读 · 0 评论 -
前端随笔
input 的属性:name文字的名称maxlength用户可以输入的最大字符串长度sizi文本框的宽度 ,默认为20vlue指定文本框的默认值placeholder内置文字单选框 radio 想要实现单选框的内容,name要相同复选框 checkbox 对name没限制,最好是用相同的name值图像域隐藏域 标签的...原创 2019-06-28 09:47:29 · 155 阅读 · 0 评论 -
IE条件编译
<script type="text/javascript"> (function(){ if (! /*@cc_on!@*/ 0)return; var e ="abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header,...转载 2019-07-08 11:01:03 · 240 阅读 · 0 评论 -
css3 选择器
基本选择器转载 2019-07-08 09:55:12 · 83 阅读 · 0 评论 -
浏览器常见的兼容性问题
市场上浏览器种类很多,不同浏览器的内核也不尽相同,所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种,一是渲染引擎,另一个是js 引擎,内核更加倾向于说渲染引擎。常见的浏览器内核:常见的浏览器内核可以分四种:Trident、Gecko、Blink、WebkitIE浏览器 Trident内核,也成为IE内核Chrome浏览器 Webkit内核,现在是Blink内核Firef...转载 2019-07-02 10:07:41 · 152 阅读 · 0 评论 -
css的权值
一、样式类型1、行间<h1 style="font-size:12px;color:#000;">我的行间CSS样式。</h1>2、内联<style type="text/css"> h1{font-size:12px; color:#000; }</style>3、外部<link rel="st...原创 2019-07-02 09:45:03 · 646 阅读 · 0 评论 -
chrome浏览器中 F12 功能的简单介绍
chrome浏览器中 F12 功能的简单介绍首先介绍Chrome开发者工具中,调试时使用最多的三个功能页面是:元素(ELements)、控制台(Console)、源代码(Sources),此外还有网络(Network)等。**元素(Elements):用于查看或修改HTML元素的属性、CSS属性、监听事件、断点等。控制台(Console):控制台一般用于执行一次性代码,查看JavaScr...转载 2019-06-03 10:51:45 · 343 阅读 · 0 评论 -
web API
父节点 子节点父节点:parentNode (只有一个)子节点:child Nodes (可能有很多个)获取第一个子节点:box.firstChild (获取的是文本节点)获取最后一个子节点:box.lastChild 获取的是文本节点)获取第一个子元素:box.firstElementChild获取最后一个子元素:box.lasterElementChild案例<!DOC...原创 2019-05-08 16:23:59 · 109 阅读 · 0 评论 -
postaman
Postman的test本质上是JavaScript代码,通过我们编写测试代码,每一个tests返回True,或是False。每一个tests实际上就是一个测试用例官方文档给出了很多验证方式,我们通过实例来进行学习接口返回结果为json{“status”: 301,“message”: “购买商品库存不足”,“lists”: [11]}{ "status": 301, "...转载 2019-03-15 10:30:54 · 652 阅读 · 0 评论 -
Vue 的学习使用笔记1
Vue 基础:angular 09 年react 2013vue 2014年 作者 :尤雨溪前端框架和库的区别:库:小而精,能实现某些功能,引用库直接调用某些函数,通过函数操作Dom框架:大而全,里面包含很多库,使用框架需要初始化自身的一些行为,执行所编写的一些代码,存放一些资源Vue:如果Template中定义了内容,那么优先加载template里的内容,如果没有定义内容那么加载...原创 2019-09-03 15:49:28 · 180 阅读 · 0 评论