display

如何显示JavaScript对象?

旧时模样 提交于 2020-04-06 09:45:46
问题: How do I display the content of a JavaScript object in a string format like when we alert a variable? 如何像 alert 变量一样以字符串格式显示JavaScript对象的内容? The same formatted way I want to display an object. 我想显示对象的格式相同。 解决方案: 参考一: https://stackoom.com/question/4169/如何显示JavaScript对象 参考二: https://oldbug.net/q/4169/How-can-I-display-a-JavaScript-object 来源: oschina 链接: https://my.oschina.net/stackoom/blog/3217620

移动端position:fixed 解决方案

泪湿孤枕 提交于 2020-04-06 05:54:03
相信不少人做移动端项目的时候都会遇到position:fixed 的坑。 下面提供一个解决方法,不用引入任何其他的js库,纯css解决。 解决问题的关键 就是:fixed元素内部必须嵌套一个 position:absolute 元素,用来装载内容,目的就是为了让内容脱离fixed文档流,屏蔽一些fixed的坑 html部分 <!DOCTYPE html> <html lang="zh_cmn"> <head> <meta name="description" content="CSS position:flex in mobile" /> <meta charset=utf-8 /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" /> <title>CSS position:flex in mobile</title> </head> <body> <header> <div class="fixed"> <div class="wrap float"

display属性

送分小仙女□ 提交于 2020-04-05 20:43:19
display的属性有:block 使元素作为块级元素,元素前后自带换行。可以用来显示列表中的各个元素,并且能对它进行修饰,盒子样式都可以用在上面。inline 使元素显示为内联样式,元素前后不带换行,可以设置列表项的排列方式,也可以对它进行修饰。 来源: oschina 链接: https://my.oschina.net/u/4489090/blog/3212763

微信小程序-自定义复选框

走远了吗. 提交于 2020-04-04 06:56:18
功能: 1、需要多选复选框,并且可以上拉滚动;     2、需要通过名称手写字母排序的,并且可以上拉滚动; 常规的小程序自带的原生picker无法满足我们的要求,因此一些特殊效果需要我们自定义来实现,废话不多说,我们直接看效果: index.wxml布局 <view class="container"> <view class='class bgFFF' bindtap='isDep'> <view class='class-text'> <text class='red'> </text> <text>开放部门</text> </view> <view class='class-choose'> <text class='color333 perItem' wx:if="{{checkValue.length>0}}"> <block wx:for="{{checkValue}}" wx:key="index"> {{item}} </block> </text> <text wx:else>默认全部</text> <image src='/images/right-icon.png' mode="widthFix"></image> </view> </view> <view class='class bgFFF' bindtap='isPer'> <view class=

web前端入门到实战:仿美团详情页与购物车源码-首页实现

不打扰是莪最后的温柔 提交于 2020-04-04 00:05:11
效果图 首先是index.html <!DOCTYPE html> <html> <head> <title>首页</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=0"> <script type="text/javascript"> (function() { var docEl = document.documentElement; function setRemUnit() { // 获取到rem的基准值 var rem = docEl.clientWidth / 10; // 动态设置html根元素的font-size docEl.style.fontSize = rem + 'px'; } setRemUnit(); // 窗口大小变化时 触发 window.addEventListener('resize', setRemUnit); // 窗口出现在当前屏幕时 (有浏览器兼容性) window.addEventListener('pageshow', function(e) { if (e.persisted) { setRemUnit(); } });

web前端入门到实战:前端高手在CSS 开发效率的必备片段

╄→尐↘猪︶ㄣ 提交于 2020-04-02 05:52:03
这篇文章会记录我们平时常用到的 CSS 片段,使用这些 CSS 可以帮助我们解决许多实际项目问题中遇到的,墙裂建议点赞收藏再看,方便日后查找 清除浮动 浮动给我们的代码带来的麻烦,想必不需要多说,我们会用很多方式来避免这种麻烦,其中我觉得最方便也是兼容性最好的一种是,在同级目录下再创建一个<div></div>;不过这样会增加很多无用的代码。此时我们用:after这个伪元素来解决浮动的问题,如果当前层级有浮动元素,那么在其父级添加上 clearfix 类即可。 // 清除浮动 .clearfix:after { content: "\00A0"; display: block; visibility: hidden; width: 0; height: 0; clear: both; font-size: 0; line-height: 0; overflow: hidden; } .clearfix { zoom: 1; } 垂直水平居中 在 css 的世界里水平居中比垂直居中来的简单一些,经过了多年的演化,依然没有好的方式来让元素垂直居中(各种方式各有优缺点,但都不能达到兼容性好,破坏力小的目标),以下是几种常见的实现方式 绝对定位方式且已知宽高 专门建立的学习Q-q-u-n: 784783012 ,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习技巧

django admin

北慕城南 提交于 2020-03-31 03:18:55
Django内置的Admin是对于model中对应的数据表进行增删改查提供的组件,使用方式有: 依赖APP: django.contrib.auth django.contrib.contenttypes django.contrib.messages django.contrib.sessions 模板的context_processors: django.contrib.auth.context_processors.auth django.contrib.messages.context_processors.messages 中间件: django.contrib.auth.middleware.AuthenticationMiddleware django.contrib.messages.middleware.MessageMiddleware 依赖APP: django.contrib.auth django.contrib.contenttypes django.contrib.messages django.contrib.sessions 模板的context_processors: django.contrib.auth.context_processors.auth django.contrib.messages.context_processors

css兼容性

℡╲_俬逩灬. 提交于 2020-03-30 21:25:13
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行    2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上 display:inline; 例如: <#div id=”imfloat”> 相应的css为 #IamFloat{ float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理解为5px*/}     3.浮动ie产生的双倍距离 #box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略} 这里细说一下block与inline两个元素:block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline 元素的特点是,和其他元素在同一行上,不可控制(内嵌元素); #box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的效果 diplay

CSS浏览器兼容问题

て烟熏妆下的殇ゞ 提交于 2020-03-30 18:34:07
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且 DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.      CSS技巧      1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行      2. margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上 display:inline; 例如: <#div id=”imfloat”> 相应的css为 #IamFloat{ float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理解为5px*/}      3.浮动ie产生的双倍距离 #box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}

安全应急响应(三)

一笑奈何 提交于 2020-03-29 17:25:48
Logprase 下载地址: https://www.microsoft.com/en-us/download/details.aspx?displaylang=en&id=24659 使用 Security Log 主要查看管理员登录时间段是否为正常时间 木马运行时间是否和管理员登录时间对应 1 LogParser -i:EVT -o DATAGRID "SELECT TimeGenerated as LoginTime,EXTRACT_TOKEN(Strings,5,'|') as username,EXTRACT_TOKEN(Strings,8,'|') as LogonType, EXTRACT_TOKEN(Strings,17,'|') as ProcessName, EXTRACT_TOKEN(Strings,18,'|') as SourceIP FROM Security where EventID=4624 AND TO_DATE(TimeGenerated) BETWEEN TIMESTAMP('2019-05-30','yyyy-MM-dd') and TIMESTAMP('2019-05-31','yyyy-MM-dd')" System Log 主要查看服务名、服务路径 1 LogParser -i:EVT -o:DATAGRID "SELECT