![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
云乐QAQ
这个作者很懒,什么都没留下…
展开
-
Idea 更改css文件,前端内容没反应解决方法
今天下午对付了一个小时的问题,记录一下。清空一下浏览器缓存就行了。原创 2020-04-04 17:35:40 · 2648 阅读 · 0 评论 -
笔记 一个给标签分类的js小技巧
效果是,点击最上面一栏“所有订单”就出现所有的订单,然后点击其他栏就会分类显示订单。$(function(){ $("a[orderstatus]").click(function(){ var orderstatus = $(this).attr("orderstatus"); if("all" == orderstatus) { ...原创 2020-02-13 16:25:04 · 1481 阅读 · 1 评论 -
前端学习笔记 bootstrap(三)
模态窗体会有个慢慢出来的效果,注意data-toggle是指切换方式,值为modal就代表是以模态窗口的样式切换。data-target是切换的目标。然后modal fade就是一个有动画的模态窗口。如果想直接弹出无动画,就把fade去掉就行。无论是否有动画的模态窗口,弹出之后点击周围的空白就会让窗口消失,如果需要点空白窗口不消失,只需要在最外层div设置个data-backdro...原创 2020-02-04 15:26:21 · 507 阅读 · 0 评论 -
前端学习笔记 bootstrap(二)
输入框组基本样式:<div class = "input-group"> <span class="input-group-addon" id="basic-addon1">@</span> <input type="text" class="form-control" placeholder="用户名" ></div>...原创 2020-02-03 19:18:23 · 235 阅读 · 0 评论 -
前端学习笔记 bootstrap(一)
BootStrap 是Twitter的工程师开发的前端框架,可以非常方便的设计出好看的页面效果。导入js和cssBootstrap需要JQuery才能正常工作,所以需要导入jquery.min.js接着是Bootstrap的css,里面定义了各种样式最后是Bootstrap的js,用于产生交互效果,比如关闭警告框注:顺序不要搞错了,否则有一些效果会出不来。首先是JQuery然后...原创 2020-02-02 18:48:57 · 271 阅读 · 0 评论 -
前端学习笔记 JQuery(二)
事件$(document).ready() $() load() 加载 click() dblclick() 点击 keydown() keypress() keyup 键盘 mousedown() mouseup() mousemove() mouseenter()...原创 2020-02-01 17:16:14 · 164 阅读 · 0 评论 -
前端学习笔记 JQuery(一)
JQuery是一个javascript的框架,是对javascript的一种封装。通过JQuery可以非常方便的操作html的元素要使用Jquery需要导入一个第三方的javascript库 jquery.min.js<script src="jquery.min.js"></script>常见方法 VAL () HTML() TEXT() 以及HTML和T...原创 2020-01-31 17:34:53 · 180 阅读 · 0 评论 -
前端学习笔记 AJAX
通过AJAXAsynchronousJavaScriptAndXML 实现异步刷新AJAX 请求和相应图示:创建XHR创建XHR对象XMLHttpRequestXHR对象是一个javascript对象,它可以在用户没有感觉的情况下,就像背后运行的一根小线程一般,悄悄的和服务器进行数据交互AJAX就是通过它做到无刷新效果的<script>var xm...原创 2020-01-23 16:09:49 · 161 阅读 · 0 评论 -
前端学习笔记 JSON
JSON JavaScript 对象表示法(JavaScriptObjectNotation) 是一种存储数据的方式。有点像c语言里面的结构体,类比学习吧。var gareen = {"name":"盖伦","hp":616};这样就创建了一个JSON 对象JSON对象由名称/值对组成 名称和值之间用冒号:隔开名称必须用双引号"包含起来值可以是任意javascript...原创 2020-01-23 16:03:00 · 145 阅读 · 0 评论 -
前端学习笔记 DOM(二)样式、事件、节点关系
DOM样式一个元素节点的style属性即对应的css,就直接在script里面更改元素的css属性。比如通过给元素的style.display赋值,改变显示还是隐藏,更改的是style属性。 <script>function hide(){ var d = document.getElementById("d"); d.style.display="none"...原创 2020-01-22 20:27:20 · 312 阅读 · 0 评论 -
前端学习笔记 DOM(一)节点
节点的概念DOM 是Document Object Model( 文档对象模型 )的缩写。DOM是把html里面的各种数据当作对象进行操作的一种思路。比如一个超链,作为一个DOM对象,就可以使其隐藏,修改其href指向的地址。之前的博客里面也用到了一点点。获取节点document.getElementById 通过id获取元素节点 getElemen...原创 2020-01-21 20:53:18 · 251 阅读 · 0 评论 -
前端学习笔记 对象、BOM
对象Numbernew Number 创建一个数字对象 属性MIN_VALUE 属性MAX_VALUE 最小值 最大值 属性NaN 表示不是数字 方法toFixed 返回一个数字的小数表达 方法toExponential 返回一个数字的科学计数法表达 方...原创 2020-01-20 17:35:23 · 174 阅读 · 0 评论 -
前端学习笔记 JavaScript基础
script标签javascript代码必须放在script标签中script标签可以放在html的任何地方,一般建议放在head标签里,一旦加载就会执行,若有多个script标签,会从上到下的执行。同样的就像style标签一样,可以写成外部js文件,然后<scriptsrc="hello.js"></script>就可以导入。注释和java一样一样的,//...原创 2020-01-19 22:18:17 · 132 阅读 · 0 评论 -
前端学习笔记 CSS布局
1、绝对定位属性:position值: absolute会将该元素从原文档删除,重新给它指定一个位置。(原来的位置就被其他东西占了)通过指定left,top绝对定位一个元素,绝对定位是基于最近的一个定位了的父容器。绝对定位可能会造成谁把谁掩盖了的问题,这时候可以使用z-index属性,当z-index的值越大,就表示放上面,z-index:越小就表示放下面。2、相对定位相对定...原创 2020-01-17 20:02:25 · 182 阅读 · 0 评论 -
前端学习笔记 CSS基础
CSS是一种分层设计的思想,把网页的颜色、大小、字体布局什么什么的全剥离到Style标签里面,这样一来html中就只用关心提供什么内容就行了。1、语法第一种,通过选择标签,在style标签内设置内容:<style>p{ color:red;}</style><p>这是一个P</p><p>这是一个P<...原创 2020-01-16 21:52:47 · 105 阅读 · 0 评论 -
前端学习笔记 HTML(一) 基本元素总结
标题标题会自动粗体,大写其中的内容,并且带有换行效果一般会使用<h1> 到 <h6> 分别表示不同大小的标题段落段落是<p>标签,带有自动换行粗体<b>和<strong>都可以实现文本粗体的效果。区别:b是bold的缩写,仅仅表示该文本是粗体的,并不暗示这段文字的重要性strong虽然也是粗体,但...原创 2020-01-09 17:47:22 · 200 阅读 · 0 评论