![](https://img-blog.csdnimg.cn/20190927151043371.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端设计
前端基础
rmxob
这个作者很懒,什么都没留下…
展开
-
display显示与隐藏元素
显示与隐藏元素本质displayvisibilityoverflow本质让一个元素在页面隐藏或者显示出来displaydisplay用来设置一个元素如何进行显示 display:none ;隐藏元素 display:block;除了转换块元素之外,也用来显示元素display隐藏元素后,不在占有原来的位置。visibilityvisibility:visiable;元素可视;visibility:hidden;元素隐藏;visibility隐藏元素后,继续占有原来的位置。如果原创 2020-09-25 18:35:40 · 16691 阅读 · 1 评论 -
ajax初次实践,为博客增加点赞功能- 后端django
给文章点赞是一个博客网站必须具有的功能。不过点赞之后的局部刷新是一个新知识点。使用ajax发送后端请求局部刷新点赞信息便很好的解决了问题。不过现在的点赞同一个ip能一直点,之后需要增加筛选功能。前端代码 window.onload=function (ev) { var btn = document.getElementById("support_btn"); var test = window.location.href.split('/')[4]; /.原创 2020-09-12 17:43:55 · 244 阅读 · 0 评论 -
Nginx 配置SSL证书 HTTP/HTTPS都能访问
刚上线的网站仅支持http访问每次访问浏览器都会提醒你不安全,看着很不舒服,用nginx配置ssl证书之后便就不会再显示了。购买SSl证书前往阿里云官网,搜索ssl购买。选择买0元配置的,下载。把证书文件传到服务器上用git或者putty都行。nginx核心配置 server{ listen 80; listen 443 ssl; server_name :www.rmxob.cn; ssl_certificat.原创 2020-09-12 16:06:02 · 470 阅读 · 0 评论 -
关于浮动的那些事
理论浮动,一浮全浮。浮动的盒子会影响后面的标准流,不影响前面的标准流。浮动的元素不占位置例:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Y0eAaP3i-1599897883157)(https://i.loli.net/2020/09/03/1lHuFwok94bpWxn.png)]1不浮动(标准) 2浮动 3标准 .div2{ height: 100px; width: 100px; bor原创 2020-09-12 16:04:56 · 253 阅读 · 0 评论 -
ajax初窥门径 ajax基本流程
什么是 AJAX ?AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。AJAX基本流程操作 window.onload=function (ev) { var btn=document.querySelector("button"); btn.oncli原创 2020-09-12 16:03:22 · 82 阅读 · 0 评论 -
html定位 & 细致模仿百度首页
定位相对定位相对定位是相当于原来的位置的变化。运用相对定位之后,移动前的位置可以放东西,而margin不行.相对定位之后,与原来的位置不在一个层级上,可以使用left,top,right,bottom来进行设置注意:其他元素的位置是不动的(不在一个层级)例:position:relative;绝对定位absolute绝对定位的参照对象是页面.如果父级元素是相对定位,则参照对象变为父级元素作用:使元素参照页面或者参照父元素进行移动注意:如果父级元素想成为参照,必须使用相对定位默原创 2020-07-08 21:49:51 · 263 阅读 · 0 评论 -
jquery静态方法与实例方法
//静态方法直接添加给类,静态方法通过类名引用function Aclass(){}Aclass.static=function() { alert("static"); }Aclass.static();//实例方法添加给类的原型,实例方法通过实例化引用Aclass.prototype.instance=function(){ alert...原创 2019-11-24 11:35:09 · 164 阅读 · 0 评论 -
jQuery 使用
引用在线的jquery文件<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script> 尝试:<meta charset="UTF-8"> <title>Document</title> <meta name="viewport"...原创 2019-11-07 16:20:29 · 86 阅读 · 0 评论 -
(html+css)静态小米闪购主页仿制
效果图初学html+css,跟着视频教学仿制了小米闪购的主页,在打的过程中发现一些知识点还不太熟练,建议一边听课一遍看书学知识点。HTML<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /&...转载 2019-06-15 20:25:26 · 1837 阅读 · 3 评论