meta | 易学教程

渐变色

阅读更多关于渐变色

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> div { width: 300px; height: 100px; background: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0.2)); } </style> </head> <body> <div></div> </body> </html> 　　来源： https://www.cnblogs.com/xuwupiaomiao/p/12176038.html

vue-element-admin-template 權限控制整理

阅读更多关于 vue-element-admin-template 權限控制整理

vue-element-admin是個強大的管理後台框架 https://github.com/PanJiaChen/vue-element-admin/tree/master/src/directive 經過了一些琢磨，終於知道vue-element-admin-template如何增加權限控制首先，先把邏輯關係理清楚：登錄後通過token獲取用戶對應的角色role，動態的根據用戶role算出其對應的有權限的路由，通過rotuer.addRoutes動態加載這些路由數據和操作通過vuex全局管理控制如果繼續用mock模擬數據，那麼需要在mock增加role數據route.js 動態路由和通用路由 mock/role/rotes.js //通用路由 export const constantRoutes = [ { path: '/login', component: 'views/login/index', hidden: true }, { path: '/404', component: 'views/error-page/404', hidden: true }, { path: '/401', component: 'views/error-page/401', hidden: true }, { path: '', component: 'layout

CSS实现背景图片屏幕自适应，最直接的方法！！

阅读更多关于 CSS实现背景图片屏幕自适应，最直接的方法！！

直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>Document</title> <style> * { padding: 0; margin: 0; } .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("./big_bg.png") no-repeat; background-size: cover; } </style> </head> <body> <div class="bg"></div> </body> </html> 来源： CSDN 作者： big tail 链接： https://blog.csdn.net/qq_37698249/article/details/103897287

tf.train.import_meta_graph报KeyError

阅读更多关于 tf.train.import_meta_graph报KeyError

我在模型恢复时，在执行tf.train.import_meta_graph的时候报错后来发现，我的模型是在服务器上训练的，服务器上tensorflow版本是1.11.0,而我在本地电脑上执行的 tf.train.import_meta_graph，我本地的tensorflow是1.5.0，我将tensorflow更新到1.11.0后，就解决了。来源： CSDN 作者： mas黑子链接： https://blog.csdn.net/qq_39188704/article/details/103910848

Vue3体验卡～

阅读更多关于 Vue3体验卡～

前言 vue咱们都知道现在用的最多的是2.x，但是众所周知在今年的上半年，至少作者是这么说的所以很多东西也都还没确定百分百是这样的，很有可能有改动，这个到时候再说本章讲的内容基本都是根据Vue 官方 RFC来写的，因为这里面的消息还相对可信与vue 2.x的区别以及个人观感 vue3给我的感觉有点像 vue2+mobx+ts+rxjs 的感觉，大家如果用过这些东西可能也会有这种感觉不闲扯那些没用的，首先是生命周期 vue3舍弃了 beforeCreate 和 created，把这两个混在一起变成了一个 setup ，其实在这里面还有一个核心概念，就是vue2.x 大家用过可能都明白，就是数据响应，以数据为中心也就是observe。这个observe的优势大家都能感觉到，就是方便，劣势就是性能，因为他这个东西本质来说就是所有的东西我都监听，其实这在大型应用来说就比较不舒服了，因为你控制不了，而且功能也比较多，消耗也就高 react大家都知道，什么都不监听，除非你用第三方的比方说 mobx 这种的，其他的都必须手动的去 setState vue3就是在这两个方面折了一个中，这也是vue官方说的，既能够保证监听，又可以在大型应用上性能也是ok的，所以你需要自己去指定，这个要监听，那个不要监听扯了那么多，首先咱们现在 clone 一下项目 $ git clone https:

-过滤器-自定义全局过滤器

阅读更多关于 -过滤器-自定义全局过滤器

<!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < meta http-equiv = " X-UA-Compatible " content = " ie=edge " > < title > Document </ title > </ head > < body > < div id = " app " > < h1 > {{acount | currency('€')}} </ h1 > </ div > < script src = " ./vue.js " > </ script > < script > // 使用 Vue.filter() 方法自定义全局过滤器 Vue . filter ( 'currency' , function ( value , flag ) { flag = flag || '￥' ; return flag + value . toFixed ( 2 ) ; } ) new Vue ( { el : '#app' , data : { acount : 2000 } } )

HTML基础

阅读更多关于 HTML基础

1.h1~h6 p b i br <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>第一个html页面</title> </head> <body> <h1 align="right">这是h1</h1> <h2 align="center">这是h2</h2> <h3>这是h3</h3> <h4>这是h4</h4> <h5>这是h5</h5><h6>这是h6</h6> <p align="center">段落1</p> <p>段落2</p> <p>段落3</p>  <b>abc</b><br><i>abc</i> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <h1 align="center">个人简历</h1> <h2>基本信息</h2> <p>姓名：苍老师</p> <p>性别：男</p> <p>爱好：男</p> <h2>个人经历</h2> <p>2019年最佳男演员<br>2019年男神评比底一名</p> </body> </html> 2.无须列表有序列表定义列表

img 标签访问图片返回403 forbidden问题，meta标签的说明

阅读更多关于 img 标签访问图片返回403 forbidden问题，meta标签的说明

1.异常信息 2.解决方案 <meta name="referrer" content="no-referrer" /> 3.meta说明: <meta charset="utf-8">  <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">   <meta http-equiv="Content-Security-Policy" content="default-src 'self'">    <meta name="application-name" content=

【原】移动web滑屏框架分享

阅读更多关于【原】移动web滑屏框架分享

本月26号参加 webrebuild 深圳站，会上听了彪叔的对初心的讲解，“工匠精神”这个词又一次被提出，也再次引起了我对它的思考。专注一个项目并把它做得好，很好，更好...现实工作中，忙忙碌碌，抱着完成任务的想法可能会比较多，而想做得更好，需不惜花费时间精力，孜孜不倦，反复改进产品，把99%提高到99.99%，实在是不容易，那么专业，敬业也是少不了的~ 这里也是给自己做个提醒，保持做事的热情和激情，哪怕以后产品发展得不好，对提升自身能力还是很有帮助~ 进入主题，现在很流行在H5页面滑屏的效果，特别是在微信浏览器窗口中，几乎很多推广的活动是使用到上下滑屏，一开始和前端的同事一起合作写滑屏效果花费了很多的时间，而且写出来的页面在浏览器的兼容上踩了很多坑，于是果断采用了框架。最初接触是使用iscroll4.js的框架，毕竟它是比较成熟的，用起来会让人觉得放心，可惜它在android2.3下滑屏效果兼容性不是很好，另外还有一个缺点是这个框架的有25K，为了一个滑屏的效果加载25K的代码是不划算的~ 后来找了2个比较简单的( 轻量、少bug )，这里推荐给大家，有需要的同学不要错过。 (有些同学会问：为什么不使用左右滑屏呢？原因之一是在微信浏览器中，向右滑动屏幕可能导致用户退出当前页面) 下面给2个上下滑屏的例子~ 实例一，简单的上下滑屏实例二，简单的上下滑屏，滑动中附加了动画~

prometheus.(二)监控集群

阅读更多关于 prometheus.(二)监控集群

目录 node_exporter监控集群节点 1.node-exporter.yaml 2.查看DaemonSet字段 3.启动 prometheus.yaml文件说明 1.Pod的安全策略 2.监控master节点 3.启动参数 4.映射端口 5.服务发现热更新: prometheu_configmap 配置文件容器监控 Api-Service 监控 Service 监控 1.添加service监控 2.service添加prometheus标签 3.kube-state-metrics node_exporter监控集群节点通过prometheus来采集节点的监控指标，可以通过node_exporter获取，node_exporter就是抓取用于采集服务器节点的各种运行指标，目前node_exporter几乎支持所有常见的监控点，比如cpu、distats、loadavg、meminfo、netstat等，详细的监控列表可以参考github repo 这里使用DeamonSet控制器来部署该服务，这样每一个节点都会运行一个Pod，如果我们从集群中删除或添加节点后，也会进行自动扩展 1.node-exporter.yaml # cat >>prometheus-node-exporter.yaml apiVersion: apps/v1 kind: DaemonSet

订阅 meta