博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端开发学习笔记(三)
阅读量:6240 次
发布时间:2019-06-22

本文共 5419 字,大约阅读时间需要 18 分钟。

margin和padding的区别之一是margin有auto的取值,但padding则没有的。
jqmobi框架的页面转场效果:Page Transitions
App Framework UI includes with six panel transitions. Alternately, you may use these transitions as examples to create your own. Add these attributes to a panel to control how it appears when activated by the UI.
data-transition="slide" - slide right/left transition
data-transition="up" - slide up/down transition
data-transition="down" - slide down/up transition
data-transition="pop" - Pop in/out transition
data-transition="flip" - Flip along the y axis transition
data-transition="fade" - fade transition

在 CSS3 中为了区别伪元素和伪类,为伪元素使用了双冒号

用 React.js 的工程师鄙视用 AngularJS 的工程师,用 AngularJS 的工程师鄙视用 jQuery 的工程师,用 jQuery 的工程师鄙视用 Vanilla JavaScript 的工程师,用 Vanilla JavaScript 的工程师鄙视 IE 的用户。
“设计上的完美不是没有东西可以再加,而是没有东西可以再减。”
聪明的数据结构配上愚笨的代码,远比反过来要好得多。

探索在本质上是分散行动

摘录自《大教堂与市集》

*****************************************************************************************************************************************************************************************
不要去追一匹马,用追马的时间种草,待到来年春暖花开之时,就会有一批骏马任你选择。
我身后空无一人,怎敢倒下。
如是我闻。一时主席在中南海。尊者恩来。即从座起。照见三个代表,度一切苦厄舍利子,共不异产,产不异共,资即是本,本即是资,剩余价值,亦复如是。无我相,无党员相,无人民相,无历史唯物主义相。一切有为法,如辨证唯物。如矛亦如盾,应作如是观
一个人要怎样活出自己的价值。
为了不让真理的路上人满为患,命运让大多数人迷茫

每个人都有自己的一套强盗逻辑,比如,自己工作伴随着音乐感觉没什么,但别人在旁边吵闹时就感觉到不乐意。

笑只是个表情,与快乐无关。

2.思想就像内裤,要有,但不能逢人就证明你有。

3.纯,属虚构;乱,是佳人。

人生中最快乐的事,就是和别人分享生活的美好。
孩子永远是天真可爱的。
你的孤独,虽败犹荣。
所有动物生来平等,但有些动物比其他动物更平等。--奥威尔
人民大多数比我们想象的要蒙昧得多,所以宣传的本质就是坚持简单和重复。--戈培尔
谁控制过去就控制未来,谁控制现在就控制过去。--奥威尔
这是一个现实的年代,不要自我陶醉。
这是一个造梦的时代。
现实都疯了,只有我们还正常着。
在万有引力的作用下,不断的下滑,直至面目全非。

当人类满足了基层的生活需求之后,就会追求更高等的精神需求,从生理、安全、社会、尊重到追求自我实现。

眼前活不了的话,谈什么理想(将来)都是空的。哪个理想不是空的来?

散花。。。。。。。。。

*****************************************************************************************************************************************************************************************
appframe移动端框架:
        css插件相关css文件
        af.actionsheet.js actionsheet插件
        af.css3animate.js css3动画插件
        af.passwordBox.js 密码框插件
        af.scroller.js 滚动插件
        af.selectBox.js 选择框插件
        af.touchEvents.js 触摸插件
        af.touchLayer.js 触摸层插件
        af.popup.js popup弹框插件
每一个手机应用,如果需要在众多的移动终端上保持一致的效果,UI适配是工作的重中之重。设计原理是为不同分辨率的系统,选取最贴近于人直观感受舒适度的一 个字体大小作为参考量。例如在320x480分辨率的手机上,采用16px大小字体作为参考量。在480x800分辨率的终端上,采用24px大小字体作 为参考量。一切元素的大小都是以参考量的相对比值来定义。在CSS里面对应的是em。那么在320x480分辨率下 1em=16px,在480x800分辨率下1em=24px。
普通的dom对象一般可以通过$()转换成jquery对象。
下面是 XMLHttpRequest 对象的三个重要的属性:
属性     描述
onreadystatechange     存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。
readyState     
存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
    0: 请求未初始化
    1: 服务器连接已建立
    2: 请求已接收
    3: 请求处理中
    4: 请求已完成,且响应已就绪
status     200: "OK"
404: 未找到页面
××××××××××××××××××××××××
SEO 优化部分
    页面标题<title>标签(head 头部必须)
        <title>your title</title>
    页面关键词 keywords
WEB1038 - <meta name="robots"> 标记包含无效的值
Expression Studio 4.0
<meta name="robots"> 标记包括 nofollow 或 noindex 属性值中的其中一个或全部两者。
说明
在 <meta name="robots"> 标记中不正确地使用 nofollow 或 noindex 属性值可能会显著改变您的网站的搜索引擎结果。
<meta name="robots"> 标记的其他有效属性值包括以下值:
    follow    跟踪链接并分析目标网页。这是默认行为,并且可忽略。
    index    将网页编入索引。这是默认行为,并且可忽略。
    noodp    不使用 Open Directory Project 来创建内容描述。
    noydir    不使用 Yahoo Directory 来创建内容描述。
    noarchive    不允许搜索引擎显示内容的缓存版本。
    cache    允许搜索引擎显示内容的缓存版本。
    nocache    不允许搜索引擎显示内容的缓存版本。
详细信息
搜索引擎使用 Robots.txt 文件来确定应对哪些网页进行爬网。请确保在 <meta name="robots"> 标记中正确地使用 nofollow 和 noindex 属性。 nofollow 属性指示搜索引擎将当前网页的内容编入索引,但忽略该网页上超链接的目标。 noindex 属性指示搜索引擎忽略当前网页的内容,并继续将网站中的其他网页编入索引。
        <meta name="keywords" content="your keywords">
    页面描述内容 description
        <meta name="description" content="your description">
    定义网页作者 author
        <meta name="author" content="author,email address">
    定义网页搜索引擎索引方式,robotterms 是一组使用英文逗号「,」分割的值,通常有如下几种取值:none,noindex,nofollow,all,index和follow。
        <meta name="robots" content="index,follow">
百度禁止转码
通过百度手机打开网页时,百度可能会对你的网页进行转码,脱下你的衣服,往你的身上贴狗皮膏药的广告,为此可在 head 内添加
    <meta http-equiv="Cache-Control" content="no-siteapp" />
360 使用Google Chrome Frame
    <meta name="renderer" content="webkit">
优先使用 IE 最新版本和 Chrome
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
常看到一些大牛的JS源码 在function 前面加;
 ;function($,undefined) 是什么用处 ?
;(function($){$.extend($.fn...
现般在一些 JQuery 函数前面有分号
在前面加分号可以有多种用途:
1、防止多文件集成成一个文件后,高压缩出现语法错误。
2、这是一个匿名函数,一般js库都采用这种自执行的匿名函数来保护内部变量 (function(){})()
3、因为undefined是window的属性,声明为局部变量之后,在函数中如果再有变量与undefined作比较的话,程序就可以不用搜索undefined到window,可以提高程序性能
transform-origin(改变元素基点,默认点是元素的中心点):
主要作用是让我们在进行transform动作之前可以改变元素的基点位置,因为我们元素默认基点就是其中心位置,换句话说我们没有使用transform-origin改变元素基点位置的情况下,transform进行的rotate,translate,scale,skew,matrix等操作都是以元素自己中心位置进行变化的。但有时候我们需要在不同的位置对元素进行这些操作,那么我们就可以使用transform-origin来对元素进行基点位置改变,使元素基点不在是中心位置,以达到你需要的基点位置。
transform的多种属性操作,例如rotate、scale、translate三种,但这里需要提醒大家的,以往我们叠加效果都是用逗号(“,”)隔开,但transform中使用多个属性时却需要有空格隔开。大家记住了是空格隔开。
Document、DocumentFragment、Element都实现了NodeSelector接口。即这三种类型的元素都拥有者两个方法。querySelector和querySelectorAll的参数须是符合 css selector 的字符串。不同的是querySelector返回的是一个对象,querySelectorAll返回的一个集合(NodeList)。
font-family: Helvetica, 'Hiragino Sans GB', Arial, sans-serif;
-webkit-tap-highlight-color 属性:
改写iOS Safari中可点击元素的高亮颜色。该属性可以只设置透明度。如果未设置透明度,iOS Safari使用默认的透明度。当透明度设为0,则会禁用此属性;当透明度设为1,元素在点击时不可见。除了iOS Safari,大部分android手机也是支持的,只是显示效果有所不同。

nth-of-type与nth-child的区别:

其实区别很简单::nth-of-type为什么要叫:nth-of-type?因为它是以"type"来区分的。也就是说:ele:nth-of-type(n)是指父元素下第n个ele元素,
而ele:nth-child(n)是指父元素下第n个元素且这个元素为ele,若不是,则选择失败。
-webkit-transform-origin 属性:

设置或检索对象以某个原点进行转换。该属性提供3个参数值,默认值为50% 50% 0;提供2个参数值,默认为50% 50%。如果提供2个,第一个用于横坐标,第二个用于纵坐标,第三个用于z轴。如果提供3个,第一个用于横坐标,第二个用于纵坐标,z轴默认为0。如果只提供一个,该值将用于横坐标;纵坐标默认为50%,z轴默认为0。

转载于:https://www.cnblogs.com/xihe/p/6138633.html

你可能感兴趣的文章
c++学习 定位new表达式
查看>>
svn问题
查看>>
Fiddler是位于客户端和服务器端的HTTP代理(目前最常用的http抓包工具之一)
查看>>
spring为何要注入接口,而注入接口的实现类就会报错
查看>>
<转>mysql 树查询语句
查看>>
cursor 与refcursor及sys_refcursor的区别
查看>>
SEO基础知识8大精华文章之第一篇(连载)
查看>>
nginx的root 指令
查看>>
我的友情链接
查看>>
查看Windows上开启的服务
查看>>
linux 常用命令
查看>>
Java 加解密技术系列之 DH
查看>>
VirtualBox三种联网方式
查看>>
Python中使用pickle持久化(保存)对象
查看>>
python3 pelican 搭建静态博客
查看>>
Android 自定义组合控件小结
查看>>
Android学习进阶路线导航线路(Android源码分享)
查看>>
解决Maven和Mybatis整合时打包漏掉mapper的xml文件及其它资源
查看>>
PHP面向对象访问控制public,protected,private
查看>>
MyBatis学习笔记二:增删改查
查看>>