qq_34928693的博客

html结构： 左侧菜单栏结构： 页面效果： 页面左侧中有一个按钮，左侧菜单通过点击这个按钮滑入，再次点击按钮菜单滑出，这里需要实现另一个功能是点击页面除左侧菜单栏外的空白处，左侧菜单也滑出页面。 代码实现为 $(document).click(function(e){ var _con = $('#main-sidebar'); // 设置目标区域1--左

// html<div>姓名</div><div>手机号码</div><div>账号</div><div>密码</div>// cssdiv { margin: 10px 0; width: 100px; border: 1px solid red; te...

可以像下面这样来获取和设置var style = window.getComputedStyle( document.querySelector('.count'), ':before' );var count = style.getPropertyValue("content");style .setProperty('content', 'abcdefg');也可以通过insertR...

当要实现一个hover时显示提示信息的效果时，如果直接用title属性觉得效果太弱，而又不想引入第三方tooltip库，可以通过使用attr属性来实现。直接上主要代码片段吧：&amp;lt;p&amp;gt;hello &amp;lt;span data-title=&quot;from me...&quot;&amp;gt;everyone&amp;lt;/span&amp;gt; &amp;lt;/p&amp;gt;

常用布局方式1.定高，宽度百分比 2.flex布局 3.媒体查询媒体查询结合百分比布局@media 媒体类型 and (媒体特性){ /*css样式*/}媒体类型：screen、print 媒体特性：max-width 、max-height demo:&lt;style&gt; @media screen and (max-width:3...

什么是跨域问题跨域问题与浏览器的同源策略有关，那么什么是浏览器的同源策略呢？两个页面地址中的协议、域名和端口号一致，则表示同源。例如地址 https://www.google.com 和以下地址对比： 大多数情况下，在前后端分离的项目中，前端调用后端接口，当前后端不在一个域，就会产生跨域问题。 产生跨域问题的原因：（三个条件同时满足才会产生跨域问题） 浏览器限制 跨域 XMLHt...