前端
自学做笔记,自学视屏参考网盘资源
V-Sugar
各位博客朋友,本人因工作原因两年内不能更新和回复博客内容,请求谅解 2021年初
展开
-
bootstrap使用介绍
一、bootstrp介绍二、容器三、栅格系统栅格响应式布局四、列偏移、隐藏类1. 列偏移2. 隐藏类五、按钮六、表单七、导航条八、模态窗(弹窗)九、路径导航和下拉菜单原创 2020-07-29 10:08:46 · 166 阅读 · 2 评论 -
js本地存储-移动端生鲜页面
jQuery库使用一、存储--服务器环境下1. cookie2.webstorage3. 一段时间弹出一次的弹窗二、移动端幻灯片及整体制作原创 2020-07-28 10:40:25 · 431 阅读 · 0 评论 -
jquery(三)节点操作-滚动事件-ajax
jquery库三一、节点操作1. 节点操作的内容2. 使用验证实例3. 节点操作+事件委托-计划表二、滚动事件和函数节流1. 滚动事件2. 函数节流三、ajax1.json数据格式2. ajax的使用方法四、总结:一、节点操作1. 节点操作的内容放到父级内容后面:1. x.append(a): 在节点的尾部插入 将a放到x中去 父元素类后面放入子元素2. a.appendTo(x): 将a放到x中 子元素放到父元素的后面放到父级内容的前面1. prepend()2. pr原创 2020-07-27 09:38:48 · 295 阅读 · 0 评论 -
jquery库使用(二)尺寸位置-元素属性-循环-事件冒泡-事件委托
jquery库使用二一、尺寸和位置1. 获取元素的尺寸2. 获取位置信息3.置顶菜单二、元素属性操作三、jquery循环四、 手风琴实例五、jQuery事件1. 事件操作2. 事件使用3.绑定事件的方法六、事件冒泡和时间委托1. 事件冒泡2. 事件委托七、总结原创 2020-07-26 10:57:28 · 327 阅读 · 0 评论 -
jquery库使用(一)-加载-选择器-css属性操作-特殊效果-animate-链式调用
jquery一、jquery加载二、选择器1. 选择器的使用2. 选择集的过滤三、css属性操作1. 读写css属性2.样式类名操作3. 获取元素的索引值和当前元素4. html内容/text内容/属性值获取与设置四、jquery的特殊效果1. 淡入淡出2. 显示与隐藏3. 向上卷起和向下展开4. 每个效果都有三个参数 (时间,运动曲线,回调函数) -- 一般只是用时间和回调函数;运动曲线一般都为默认的匀速5. 实例:五、animate动画1. 使用方法2. 实例一:3. 实例二:滑动选项卡六、链式调用1.原创 2020-07-25 09:36:59 · 281 阅读 · 0 评论 -
PC端天天生鲜页面实现
项目的效果图项目目录│ index.html│ server.js│├─css│ main.css│ reset.css│├─images│ │ adv01.jpg│ │ adv02.jpg│ │ banner01.jpg│ │ banner02.jpg│ │ banner03.jpg│ │ banner04.jpg│ │ banner05.jpg│ │ banner06.jpg│ │ icons.png│原创 2020-07-24 10:21:09 · 625 阅读 · 0 评论 -
js中常用的内置对象
常用的内置对象一、document二、location三、Math对象四、调试程序的方法四、综合实例之弹窗倒计时一、documentdoucment.getElementById()通过元素id来获取元素document.getElementByTagName()通过标签来获取元素document.referrer()获取上一个跳转页面的地址----需要服务器环境二、locationwindows.location.href跳转的url地址 重定向window.location原创 2020-07-23 09:40:23 · 799 阅读 · 0 评论 -
js-数组-循环-字符串处理-定时器
这里写目录标题一、数组1.定义2. 操作数组3. 多维数组二、循环1. for 循环:2. while循环3.实例一:循环将数据放到页面上3.实例二:数组去重三、字符串的处理方法 四、定时器 五、总结原创 2020-07-22 10:26:05 · 1107 阅读 · 0 评论 -
JavaScript-基本操作-操作元素-函数-运算
原生js一、基本操作1.js的引入的三种方式2. 变量类型3.获取元素的方法二、操作元素属性1. 点操作 “.”2. 中括号操作“[]”3.操作元素包裹的内容三、函数1. 函数的定义与执行2. 提取行间事件 让html与js实现解耦3.匿名函数4. 变量和函数与解析5.函数传参四、运算符和条件语句1.条件语句2. 算术运算符3.赋值运算符4. 条件运算符五、总结原创 2020-07-21 09:34:57 · 504 阅读 · 0 评论 -
移动端网页开发
移动端网页开发一、视口二、retina屏幕适配三、背景图尺寸设置四、流体式布局五、响应式布局六、单位em七、单位rem一、视口解释:视口是移动设备上用来显示网页的区域,-般会比移动设备 可视区域大,宽度可能是980px或者1024px,目的是为了显示下整个为PC端设计的网页,这样带来的后果是移动端会出现横向滚动条,为了避免这种情况,移动端会将视口缩放到移动端窗口的大小。这样会让网页不容易观看,可以用meta标签, name="viewport”来设置视口的大小,将视口的大小设置为和移动设备可视区一样原创 2020-07-20 10:38:14 · 1454 阅读 · 0 评论 -
CSS3圆角-透明操作-动画效果
CSS3一、CSS3圆角二、rgba(新的颜色值表示法)三、transition动画四、transform变换五、animation动画1.解释2.风车旋转的实例3.登录中的loading动画原创 2020-07-19 10:36:20 · 758 阅读 · 0 评论 -
CSS-定位-背景图
定位-背景图一、定位(position)1. 相对定位(relative)2.绝对定位(absolute)3.固定定位(fixed)4.定位练习二、背景图(background)1.属性:2.实例一:3.背景图定位:4.雪碧图的使用:三、总结一、定位(position)1. 相对定位(relative)解释相对定位元素,元素所占据的文档流的位置保留,元素本身相对原位置进行偏移;一般用来让子元素参考练习<!DOCTYPE html><html lang="en"><原创 2020-07-18 11:04:52 · 316 阅读 · 0 评论 -
CSS-盒子类型-类型转换-浮动布局
盒子类型-类型转换-浮动布局一、盒子类型1.块元素2. 内联元素3.内联块元素与类型转换二.浮动布局1. 特点:2. 练习:3.清除浮动三、总结一、盒子类型1.块元素块元素有:div、 p、 ul、 li、 h1-h6、 dl、 dt、 dd块元素的特点支持全部的样式如果没有设置宽度,默认为父级的宽度100%盒子占据一行、即使设置了宽度代码实例:<!DOCTYPE html><html lang="en"><head> <m原创 2020-07-16 19:12:54 · 528 阅读 · 0 评论 -
初学CSS的第一天-语法-选择器-盒子模型
CSS一、css基本语法1. css的基本语法2.css文本设置二、css选择器1.标签选择器2.id选择器3. 类选择器4.层级选择器5.组选择器6.伪类选择器及伪元素选择器三、盒子模型1.盒子模型解释2. margin技巧&bug1. 技巧2.bug1.垂直外边距合并2.margin-top塌陷四、元素溢出原创 2020-07-15 16:39:23 · 192 阅读 · 0 评论 -
难以置信HTML就这点东西
HTML一、HTML版本和文件结构二、html5标签1.标题标签注:本人用的编辑器为:Sublime Text一、HTML版本和文件结构html5 的文件结构<!--输入!按tab--><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>我的网页</title></head><body> 欢原创 2020-07-13 13:18:06 · 160 阅读 · 0 评论