meta | 易学教程

vue学习笔记day05 条件渲染

阅读更多关于 vue学习笔记day05 条件渲染

一 vue的条件渲染 v-if v-else-if v-else v-show v-if和v-show区别 1》v-show 没有v-else 2》v-show 不支持template 3》v-show 只是来做简单的切换（css=>display) 例子1 <!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 v-if="arr.length==1">111</h1> <h1 v-else-if="arr.length==2">222</h1> <div v-else>333</div> </div> <script src="../vue.js"></script> <script> new Vue({ el:

vue学习笔记day08 事件处理机制

阅读更多关于 vue学习笔记day08 事件处理机制

一 vue 事件操作 1》监听事件可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。 v-on:事件名称简写： @事件名称 2》方法事件处理器 @事件名称=“方法名称（参数1，参数2，。。）” 3》事件修饰符阻止冒泡 @click.stop 取消默认行为 @click.prevent 串联 @click.stop.prevent @keyup.stop.prevent.37 4》按键修饰符 @keyup.37 ||@keyup.enter 例子1 <!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"> {{msg}} <button @click="msg++">按钮</button> </div> <script src="../vue.js"></script> <script> new Vue({ el: "

圆形缓冲区-MapReduce中的

阅读更多关于圆形缓冲区-MapReduce中的

这篇文章来自一个读者在面试过程中的一个问题，Hadoop在shuffle过程中使用了一个数据结构-环形缓冲区。环形队列是在实际编程极为有用的数据结构，它是一个首尾相连的FIFO的数据结构，采用数组的线性空间,数据组织简单。能很快知道队列是否满为空。能以很快速度的来存取数据。因为有简单高效的原因，甚至在硬件都实现了环形队列。环形队列广泛用于网络数据收发，和不同程序间数据交换（比如内核与应用程序大量交换数据，从硬件接收大量数据）均使用了环形队列。环形缓冲区数据结构 Map过程中环形缓冲区是指数据被map处理之后会先放入内存，内存中的这片区域就是环形缓冲区。环形缓冲区是在MapTask.MapOutputBuffer中定义的，相关的属性如下： // k/v accounting // 存放meta数据的IntBuffer，都是int entry，占4byte private IntBuffer kvmeta; // metadata overlay on backing store int kvstart; // marks origin of spill metadata int kvend; // marks end of spill metadata int kvindex; // marks end of fully serialized records //

【AJAX】通过fetch拿到数据

阅读更多关于【AJAX】通过fetch拿到数据

<!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>Asynchronous JavaScript</title> </head> <body> <h1>Asynchronous JavaScript</h1> <script> /* const second = () => { setTimeout((str)=>{ console.log(str); }, 1000, "Here is the second one"); } const first = () => { console.log('First begin'); second(); console.log('The end'); } first(); */ // Callback hell /* function getRecipe () { const recipeID = [1, 2, 3, 4]; setTimeout((recipeID) => { console.log(..

iOS项目之WKWebView替换UIWebView相关

阅读更多关于 iOS项目之WKWebView替换UIWebView相关

在网上已经有了许多关于UIWebView替换为WKWebView的文章，所以在这里就不在多说替换的细节了，不会的可以在网上搜搜。下面是我在项目中遇到的问题：问题一：在UIWebView中，网页显示（包括图片显示）比例正常，替换为WKWebView后，比例显示不正常解决方案：直接上代码 /* 在创建WKWebView的时候，配置环境中添加下面的js语句，可以使界面自适应屏幕 */ // 自适应屏幕宽度js NSString *jSString = @"var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width'); document.getElementsByTagName('head')[0].appendChild(meta);"; WKUserScript *wkUserScript = [[WKUserScript alloc] initWithSource:jSString injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:YES]; // 自定义配置，一般用于js调用oc方法

Hbase读写原理

阅读更多关于 Hbase读写原理

1 hbase读取数据流程 1）Client先访问zookeeper，从meta表读取region的位置，然后读取meta表中的数据。meta中又存储了用户表的region信息； 2）根据namespace、表名和rowkey在meta表中找到对应的region信息； 3）找到这个region对应的regionserver； 4）查找对应的region； 5）先从MemStore找数据，如果没有，再到BlockCache里面读； 6）BlockCache还没有，再到StoreFile上读(为了读取的效率)； 7）如果是从StoreFile里面读取的数据，不是直接返回给客户端，而是先写入BlockCache，再返回给客户端。 2 写数据流程 1）Client向HregionServer发送写请求； 2）HregionServer将数据写到HLog（write ahead log）。为了数据的持久化和恢复； 3）HregionServer将数据写到内存（MemStore）； 4）反馈Client写成功。来源： CSDN 作者：含笑戏红尘链接： https://blog.csdn.net/weixin_43599377/article/details/104514795

关于<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">的解释

阅读更多关于关于的解释

随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5 viewport的使用能帮你做到这一点…… viewport 语法介绍：  <meta name="viewport" content= "height = [pixel_value | device-height] , width = [pixel_value | device-width ] , initial-scale = float_value , minimum-scale = float_value , maximum-scale = float_value , user-scalable = [yes | no] , target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi]"/> width 控制 viewport 的大小，可以指定的一个值或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。

CGI编程

阅读更多关于 CGI编程

什么是CGI CGI 目前由NCSA维护，NCSA定义CGI如下： CGI(Common Gateway Interface),通用网关接口,它是一段程序,运行在服务器上如：HTTP服务器，提供同客户端HTML页面的接口。网页浏览为了更好的了解CGI是如何工作的，我们可以从在网页上点击一个链接或URL的流程： 1、使用你的浏览器访问URL并连接到HTTP web 服务器。 2、Web服务器接收到请求信息后会解析URL，并查找访问的文件在服务器上是否存在，如果存在返回文件的内容，否则返回错误信息。 3、浏览器从服务器上接收信息，并显示接收的文件或者错误信息。 CGI程序可以是Python脚本，PERL脚本，SHELL脚本，C或者C++程序等。 CGI架构图 Web服务器支持及配置在你进行CGI编程前，确保您的Web服务器支持CGI及已经配置了CGI的处理程序。 Apache 支持CGI 配置：设置好CGI目录： ScriptAlias /cgi-bin/ /var/www/cgi-bin/ 所有的HTTP服务器执行CGI程序都保存在一个预先配置的目录。这个目录被称为CGI目录，并按照惯例，它被命名为/var/www/cgi-bin目录。 CGI文件的扩展名为.cgi，python也可以使用.py扩展名。默认情况下，Linux服务器配置运行的cgi-bin目录中为/var

python学习之javascripts

阅读更多关于 python学习之javascripts

JavaScript 简介 JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。简单的javascripts <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> alert("我的第一个 JavaScript"); </script> </head> <body> 这是一个javascript页面 </body> </html> <body> 中的 JavaScript 在本例中，JavaScript 会在页面加载时向 HTML 的 <body> 写文本： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> document.write("<h1>这是一个标题</h1>"); document.write(

python学习之web中css

阅读更多关于 python学习之web中css

css 介绍 CSS 指层叠样式表 (Cascading Style Sheets)定义如何显示控制 HTML 元素,从而实现美化HTML网页。为了让网页元素的样式更加丰富,也为了让网页的内容和样式能拆分开,CSS由此思想而诞生,有了CSS,html中大部分表现样式的标签就废弃不用了,html只负责文档的结构和内容, 表现形式完全交给CSS,html文档变得更加简洁。基本语法格式: 选择器{属性:值;属性:值;属性:值;....} css页面引入方法一内联式:通过标签的style属性,在标签上直接写样式。 css页面引入方法二嵌入式:通过style标签,在网页上创建嵌入的样式表。外联式:通过link标签,链接到外部样式表到页面中。 css简单案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>  <style type='text/css'> div{ border: 1px solid red; width: 700px; height: 500px; } </style> </head> <body> <div> <ul> <li>1</li> <li>2<

订阅 meta