content | 易学教程

BootStrap——CSS

阅读更多关于 BootStrap——CSS

1、HTML5文档类型 Bootstrap 使用了一些 HTML5 元素和 CSS 属性，因此需要使用 HTML5 文档类型，开头定义如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> 2、移动设备优先 Bootstrap 3 的设计目标是移动设备优先，然后才是桌面设备。为了确保适当的绘制和触屏缩放，需要在 <head> 之中添加 viewport 元数据标签： <meta name="viewport" content="width=device-width, initial-scale=1"> "viewport"：设备上用来显示网页的那部分区域，通常都有一个默认值"content":宽度为设备的理想宽度"initial-scale=1"：初始缩放值还可以添加其它属性对最大/小缩放值和是否允许缩放进行设置: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 3、响应式图像(可以让图像按比例缩放，不超过其父元素的尺寸) <img src=" " class="img

web页面meta设置

阅读更多关于 web页面meta设置

1.禁止缩放 < meta content=“width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0” name=“viewport” /> 2.控制状态栏显示样式 < meta name=“apple-mobile-web-app-status-bar-style” content=“black” /> //content：default/black/black-translucent 3.web应用程序是否以全屏模式运行，可以通过只读属性window.navigator.standalone来确定网页是否以全屏模式显示 < meta name=“apple-mobile-web-app-capable” content=“yes” /> //content:yes/no yes全屏，默认值为no 4.禁止ios数字拨号行为 < meta content=“telephone=no” name=“format-detection” /> 5.设置浏览器编码 < meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” /> 6.禁止浏览器从本地机的缓存中调阅页面内容 < meta http-equiv=“Pragma”

vue - addRoutes动态添加路由

阅读更多关于 vue - addRoutes动态添加路由

关于vue - addRoutes动态添加路由碰到的问题看了一下很多人都被这个动态添加路由这个问题困惑 ,今天来分享一下自己的思路直接上代码吧,不多逼逼了这就完啦,哪里写的不好的,请指点一下,谢谢了,第一次写,有点激动! 看了一下很多人都被这个动态添加路由这个问题困惑 ,今天来分享一下自己的思路大神请多多指点,代码哪里写的不好,我可以改.第一次写,写的不好你们也不要喷我,写这个就是为了和我这样的小白多交流交流,谢谢! 直接上代码吧,不多逼逼了首先src/router/index.js文件 import Vue from ‘vue’; import VueRouter from ‘vue-router’; Vue.use(VueRouter); // 注意,这里存放的是静态路由,就是不需要任何权限 ,所有人都可以看到的!不要放404,不要放404,不要放404 const routes = [ { path: “/login”, name: “login”, component: () => import("@/views/login"), hidden: true } ]; const router = new VueRouter({ mode: ‘history’, base: process.env.BASE_URL, routes }); export

HTML系列：浏览器兼容html头部meta标签主要内容详情

阅读更多关于 HTML系列：浏览器兼容html头部meta标签主要内容详情

浏览器兼容html头部标签主要内容详情 < head > < meta http-equiv = " X-UA-Compatible " content = " IE=EmulateIE7 " > //兼容ie7用来指定IE浏览器解析编译页面的model < meta content = " text/html; charset=UTF-8 " http-equiv = " Content-Type " > //页面要做解析使用字符集.html文件，标准加载，避免乱码 < meta http-equiv = " X-UA-Compatible " content = " IE=edge " > //主要是设置浏览器优先使用什么模式来渲染页面的，兼容ie微软edge内核浏览器 < meta content = " e-Learning 使用户能够自由地分配学习时间，制定专属于自己的培训计划。 " name = " Description " > //在线学习或网络化学习. < meta name = " viewport " content = " width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0 " > //自适应移动端，初始缩放比例，也即是当页面第一次 load 的时候缩放比例

Meta http-equiv属性详解

阅读更多关于 Meta http-equiv属性详解

http-equiv 顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。 meat标签的http-equiv属性语法格式是：＜meta http-equiv=“参数” content="参数变量值"＞；其中http-equiv属性主要有以下几种参数： 1. Expires(期限) 说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。用法：＜meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"＞注意：必须使用GMT的时间格式。 2. Pragma(cache模式) 说明：是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出用法：＜meta http-equiv="Pragma" content="no-cache"＞注意：这样设定，访问者将无法脱机浏览。 3. Refresh(刷新) 说明：自动刷新并指向新页面。用法：＜meta http-equiv="Refresh" content="2；URL=http://www.net.cn/"＞注意：其中的2是指停留2秒钟后自动刷新到URL网址。

bilibili哔哩哔哩字符图标

阅读更多关于 bilibili哔哩哔哩字符图标

一、源代码 https://at.alicdn.com/t/font_438759_kmvtb0te1nd.css 这里给出在color: #fb7299色号下的部分样式。二、样式 .icon-ic_play:before { content: "\e61b"; } .icon-ic_comment:before { content: "\e61c"; } .icon-ic_up:before { content: "\e61d"; } .icon-ic_collection:before { content: "\e61f"; } .icon-ic_moveup:before { content: "\e620"; } .icon-ic_movedown:before { content: "\e621"; } .icon-ic_delete:before { content: "\e622"; } .icon-ic_time:before { content: "\e623"; } .icon-ic_collect:before { content: "\e624"; } .icon-ic_channel:before { content: "\e625"; } .icon-ic_home:before { content: "\e626"; } .icon-ic

利用httpclient+jsoup解析页面

阅读更多关于利用httpclient+jsoup解析页面

步骤： 1. 设置url：HttpPost httpPost = new HttpPost(String url); //当url带参数时使用 HttpGet httpget = new HttpGet(url); 2. 设置参数（使用HttpGet时无需设置）： List<NameValuePair> params = new ArrayList<NameValuePair>(); params.add(new BasicNameValuePair(String arg0, String arg0Value)); params.add...... 　 httpPost.setEntity(new UrlEncodedFormEntity(params,"GB2312")); 3.执行请求： HttpClient httpClient = new DefaultHttpClient(); HttpResponse rps0 = httpClient.execute(httpPost); 　　//可以利用返回码判断请求是否成功再在if内部实现下一步　　 int resStatu = responce.getStatusLine().getStatusCode();// 返回码　　　　if (resStatu == HttpStatus.SC_OK) { 　　　　} 4

删除（销毁）富文本框内的图片资源，编辑时删除（销毁）富文本框内删除或者替换的图片资源

阅读更多关于删除（销毁）富文本框内的图片资源，编辑时删除（销毁）富文本框内删除或者替换的图片资源

/** * 删除富文本框内的图片资源(必须后台上传的，也不能是外连接)，可以放在公共办法里直接调用 */ function del_fuwenben_img($content){ $content = htmlspecialchars_decode($content);//首先转义 preg_match_all("/src=[\'\"]\/public\/upload(.*?)[\'\"].*?/", $content, $match);//正则匹配 foreach ($match[0] as $key => $value) { $limg = ltrim($value,'src="'); $img = rtrim($limg,'"'); if ($img && file_exists('.'.$img)) { unlink('.'.$img);//销毁图片 } } } /** * 编辑时删除（销毁）富文本框内删除或者替换的图片资源(必须后台上传的，也不能是外连接) * $content 是否需要删除的(原本的) * $content_edit 对比的(编辑过的) */ function del_fuwenben_img_edit($content,$content_edit){ $content_edit = htmlspecialchars_decode($content

Android View知识点面试题

阅读更多关于 Android View知识点面试题

在面试之前，可能没有在互联网公司工作过或者说工作过但年头较短，不知道互联网公司技术面试都会问哪些问题？再加上可能自己准备也不充分，去面试没几个回合就被面试官几个问题打蒙了，最后以惨败收场。下述是我整理的Android View知识点面试题汇总。 Android的Activity、PhoneWindow和DecorView的关系可以用下面的图表示： 1.DecorView浅析例如，有下面一个视图，DecorView为整个Window界面的最顶层View，它只有一个子元素LinearLayout。代表整个Window界面，包含通知栏、标题栏、内容显示栏三块区域。其中LinearLayout中有两个FrameLayout子元素。 DecorView的作用 DecorView是顶级View，本质是一个FrameLayout它包含两部分，标题栏和内容栏，都是FrameLayout。内容栏id是content，也就是activity中设置setContentView的部分，最终将布局添加到id为content的FrameLayout中。获取content：ViewGroup content=findViewById（android.id.content）获取设置的View：getChildAt(0). 使用总结每个Activity都包含一个Window对象

深入理解CSS伪元素

阅读更多关于深入理解CSS伪元素

定义伪元素顾名思义伪装成元素，但不是元素，这与生成内容相关。生成内容主要指由浏览器创建的内容，而不是由标志或内容来表示。生成内容主要由:before和:after伪元素来实现，当然伪元素还包括:first-line,:first-letter和::selection 用法 :first-letter 指定一个元素第一个字母的样式注意1：所有前导标点符号应与第一个字母一同应用该样式注意2：只能与块级元素关联注意3：只有当选择器部分和左大括号之间有空格时，IE6-浏览器才支持。因为first-letter中存在连接符的原因 div:first-letter{color: red;} :first-line 设置元素中第一行文本的样式注意1：只能与块级元素关联注意2：只有当选择器部分和左大括号之间有空格时，IE6-浏览器才支持。因为first-line中存在连接符的原因 div:first-line{color: red;} :before(IE7-浏览器不支持) 在元素内容的最开始插入生成内容注意：默认这个伪元素是行内元素，且继承元素可继承的属性；IE7-浏览器中必须声明!DOCTYPE，否则不起作用 div:before{content:"前缀"} 专门建立的学习Q-q-u-n： 731771211，分享学习方法和需要注意的小细节，不停更新最新的教程和学习技巧

订阅 content