meta | 易学教程

Android系统Recovery工作原理之使用update.zip升级过程分析（一）

阅读更多关于 Android系统Recovery工作原理之使用update.zip升级过程分析（一）

Vue keep-alive实践总结

阅读更多关于 Vue keep-alive实践总结

本文转载自： https://www.cnblogs.com/sysuhanyf/p/7454530.html 作者：sysuhanyf 转载请注明该声明。 <keep-alive> 是 Vue 的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似， <keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。 prop: include: 字符串或正则表达式。只有匹配的组件会被缓存。 exclude: 字符串或正则表达式。任何匹配的组件都不会被缓存。在2.1.0版本Vue中常见用法： // 组件 export default { name: 'test-keep-alive', data () { return { includedComponents: "test-keep-alive" } } } <keep-alive include="test-keep-alive">  <component></component> </keep-alive> <keep-alive include="a,b"> <!--

jQuery入门

阅读更多关于 jQuery入门

简介 What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. jQuery是一个快轻量丰富的JavaScript库，主要封装了四块内容，分别是：html遍历操作，事件，动画和Ajax. 并且使用简单，丰富和易于扩展。官网：www.jQuery.com www.bootcdn.cn 下载jQuery jQuery的基本使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>

JS数据类型和变量

阅读更多关于 JS数据类型和变量

一、定义变量的方式 1、隐式定义： < script type = "text/javascript" > a = "Hello JavaScript" ; alert ( a ) ; < / script > 2、显式定义： < script type = "text/javascript" > var a ; a = "true" ; alert ( a ) ; < / script > 二、类型转换 1、对于减号运算符，因为字符串不支持减法运算，所以系统自动将字符串转成数值。 2、对于加号运算符，系统直接将数值转为字符串，就成了两个字符串进行连接运算。例： < ! 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 > < script type = "text/javascript" > var a = "3

手淘适配-flexible

阅读更多关于手淘适配-flexible

目标拿一个双11的Mobile页面来做案例，比如你实现一个类似下图的一个H5页面：目标很清晰，就是做一个这样的H5页面。痛点虽然H5的页面与PC的Web页面相比简单了不少，但让我们头痛的事情是要想尽办法让页面能适配众多不同的终端设备。看看下图你就会知道，这是多么痛苦的一件事情：再来看看手淘H5要适配的终端设备数据：看到这些数据，是否死的心都有了，或者说为此捏了一把汗出来。手淘团队适配协作模式早期移动端开发，对于终端设备适配问题只属于Android系列，只不过很多设计师常常忽略Android适配问题，只出一套iOS平台设计稿。但随着iPhone6，iPhone6+的出现，从此终端适配问题不再是Android系列了，也从这个时候让移动端适配全面进入到“杂屏”时代。上图来自于 paintcodeapp.com 为了应对这多么的终端设备，设计师和前端开发之间又应该采用什么协作模式？或许大家对此也非常感兴趣。而整个手淘设计师和前端开发的适配协作基本思路是：选择一种尺寸作为设计和开发基准定义一套适配规则，自动适配剩下的两种尺寸(其实不仅这两种，你懂的) 特殊适配效果给出设计效果还是上一张图吧，因为一图胜过千言万语：在此也不做更多的阐述。在手淘的设计师和前端开发协作过程中：手淘设计师常选择iPhone6作为基准设计尺寸，交付给前端的设计尺寸是按 750px *

jQuery中on()方法用法实例

阅读更多关于 jQuery中on()方法用法实例

本文转载自： https://www.cnblogs.com/jiangxiaobo/p/6548335.html 作者：jiangxiaobo 转载请注明该声明。这篇文章主要介绍了jQuery中on() 方法用法,实例分析了on()方法的功能、定义及在匹配元素上绑定一个或者多个事件处理函数的使用技巧,需要的朋友可以参考下本文实例讲述了jQuery中on()方法用法。分享给大家供大家参考。具体分析如下：此方法可以在匹配元素上绑定一个或者多个事件处理函数。使用off()方法可以删除on()方法绑定的事件。语法结构一: $(selector).on(events,[selector],[data],fn) 参数列表: 参数描述 events 一个或多个用空格分隔的事件类型和可选的命名空间。 selector 可选。一个选择器字符串，用以过滤选定的元素，该选择器的后裔元素将调用处理程序。如果选择是空或被忽略，当它到达选定的元素，事件总是触发。 data 可选。作为event.data属性值传递给事件对象的额外数据对象以供事件处理函数处理。 fn 该事件被触发时执行的函数。 false值也可以做一个函数的简写，返回false。实例代码: 实例一: <! DOCTYPE html > < html > < head > < meta charset =" utf-8" >

iOS开发tip-图片方向

阅读更多关于 iOS开发tip-图片方向

概述相信稍微接触过iOS图片相关操作的同学都遇到过图片旋转的问题，另外使用 AVFoundation 进行拍照的话就会遇到前后摄像头切换 mirror 问题就让人更摸不着头脑了。今天就简单和大家聊一下iOS的图片方向问题。元数据Meta 在拍照过程中相机可以旋转到各个方向拍摄，但是最终展示的照片应该都是符合我们查看习惯的，比如你拿起手机不管竖着拍、横着拍还是倒着拍最后查看的时候都是正过来的图片，这才符合我们的习惯。但是无论是相机还是手机光学元件都是固定的，不可能镜头和传感器真正的旋转，要是要实现这个依靠的是相机的传感器并且将方向信息写入图片的Meta数据中（有些文章会描述为Exif，其实Meta中还有其他信息，本文全部描述为Meta），并且在真正展示时纠正过来。当然展示一张照片通常不用我们自己处理但是一旦不了解这个信息在处理一张照片后可能就出问题了，比如说常见的Meta丢失。先看一下 UIImage.imageOrientation 枚举值： public enum Orientation : Int { case up // 图片方向朝上，如果iPhone拍摄手机需要逆时针旋转90度（前置摄像头的话则顺时针旋转90度) case down // 图片旋转180度，如果iPhone拍摄手机需要顺时针旋转90度(前置摄像头的话则逆时针90度) case left //

iOS 编码复习（二）—— runtime

阅读更多关于 iOS 编码复习（二）—— runtime

最近特意看了很多篇关于runtime的文章。所以自己也想把了解的东西总结一下，以便以后大家一起学习。首先必须要诚实地说一句，这里都是看了别人的文章后，用自己的话总结出来的，而没有像其他额大牛样去用c语言去写一个swizzle method之类的。首先要说，OC是一门运行时语言，因为它不像c++在编译的时候就会检查所有函数调用，而是运行时才会检查。先来看看［target dosomething:varl]；编译器会把它编译成什么：objc_msgsend(target,@selector(dosomething:),varl)；你会发现这是一个c方法。那什么是runtime呢？runtime其实就是一个运势时的c语言写成的基础库，oc的程序必须得到runtime的的运行才能正常work。下面我们来介绍一下对象和类。它们其实就是用c语言封装的结构体。（感受下面向对象与面向过程语言的区别） oc里的class实际上就是一个 objc_class 结构体的指针： typedef struct objc_class *Class； struct objc_class { Class isa OBJC_ISA_AVAILABILITY; #if !__OBJC2__ Class super_class OBJC2_UNAVAILABLE; // 父类 const char *name

js 编写一个程序实现统计一串字符串中的英文小写字母个数！

阅读更多关于 js 编写一个程序实现统计一串字符串中的英文小写字母个数！

编写一个程序实现统计一串字符串中的英文小写字母个数！例如：输入“axZvnNgOuyi”，得到的值应该是 8；注意：且有输入输出，直接输出不计分 < ! 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 > < script > var a = prompt ( "" ) ; a . split ( "" ) ; var count = 0 ; for ( var i = 0 ; i < a . length ; i ++ ) { if ( a [ i ] >= "a" ) { count ++ ; } } document . write ( count ) < / script > < / body > < / html > 来源： CSDN 作者：ㄚОㄩ链接： https://blog.csdn.net

HTML笔记 ( 一 ) HTML, HEAD 和 BODY 标签

阅读更多关于 HTML笔记 ( 一 ) HTML, HEAD 和 BODY 标签

目录 0. 前言 1. !DOCTYPE 标签 2. html 标签 3. head 标签 base 标签 meta 标签 link 标签 script 标签 style 标签 title 标签 4. body 标签 0. 前言一个最基本的 html 文件, 必须包含 <html> , <head> 和 <body> 三个标签以及 <!doctype> 声明 1. !DOCTYPE 标签作用: 它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令. 注意: 声明必须是 HTML 文档的第一行，位于 <html> 标签之前. 但声明的不是 <html> 标签; 在 H5 中只有一种声明形式: <!DOCTYPE html> 2. html 标签作用: 是用于定义一个html文档, 用于告知浏览器当前文件是html文档并加以识别. 该标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体. 标签中的两个常见属性: lang 属性: 作用: 规定元素内容的语言. xmlns 属性: 作用: 可以在文档中定义一个或多个可供选择的命名空间. 该标签支持HTML中的全局属性. 注: 不建议在 html 标签中用标签自带的某些属性来完成用 CSS 实现的样式 html 标签最好只用于网页结构的布置, 不要用于网页样式的排布修饰 3. head 标签作用:

订阅 meta