问题:通过transform:translate3D 设置图片位移动画的时候,发现文本变模糊,但是同样方法的另一个却没有通过百度过后,发现这是因为transform时div的宽度或者高度并不是偶数,移动50%之后,像素点并不是整数,出了小数,和显示像素没有对上导致模糊解决办法:将元素设置为偶数可以解决
content 属性
none
normal
inherit
string
url()
attr()
[no-]open-quote
[no-]close-quote
counter[s]
1. url() 和 background:url()类似,但是不能控制图片的大小
2. attr() 用于获取元素上自定义属性 如 data-text content:attr(data-text)
12345673. quote 引号用于给元素前后加上引号,配合quotes 属性一起使用。 示例:<p>鲁迅曾经说过: <span>能用CSS解决的问题就不要使用JS。<span>呵呵,谁说的?<span class="no-quote">呵呵,谁说的?</span></span></span></p> span {quotes: '“' '”' '‘' '’' ' ...
Git 相关术语1234工作区(Working Directory)暂存区(Stage/Index)本地历史仓库(Repository)远程仓库(Remote)
工作区1我们写代码的地方就是工作区,就是在电脑里能看到的目录,我们当前的工作空间
暂存区123暂存区(stage)就是每次 git add 时,文件的修改存放的地方。git commit 时就是一次性把暂存区所有修改提交到分支。
本地仓库12我们可以把暂存区的内容提交到我们的本地仓库,又名版本库(respository),可将其理解成一个目录,该目录下的所有文件都会被 git 管理起来,每个文件的修改、删除、git 都能跟踪,以便随时追踪历史,和还原。.git 隐藏目录就是 git 的版本库,里面存了很多东西,最重要的就是 stage(index) 暂存区,还有第一个分支 master,以及指向 master 的 HEAD 指针。
远程仓库12远程仓库其实就是找一台电脑充当服务器的角色,每天 24 小时开机,其他每个人都从这个远程仓库克隆一份到自己的电脑上,并且各自把各自的提交推送到服务器仓库里,也从服务器仓库 ...
火狐下 window.event 获取值为 undefind 的解决办法
1234function window(event){ var e = event || window.event; e.target.ctrlKey}
history对象和HTML5 History API123456history.back() // 返回上一个访问的页面,等同于浏览器的返回按钮history.forward() // 移动到下一个访问页面,等同于浏览器的前进按钮history.go() // 参数为一个整数history.go(-1) // 等同于 history.back()history.go(1) // 等同于 history.forward()history.go(0) // 等同于刷新当前页面
增加的属性121、History.state() 返回一个表示历史堆栈顶部的状态的值,只是一种可以不必等待 popstate事件查看状态的方式。2、History.scrollRestortion():允许Web应用程序在历史导航上显示地设置默认滚动恢复行为。此属性可以是自动的(auto),或者手动的(manual)
增加的方法1、History.pushState():按指定的名称和URL(如果提供该参数),将数据push进会话历史栈,数据被DOM进行不透明处理, ...
为什么需要跨域浏览器处于安全的考虑,引入了同源策略。这种策略会对我们页面上执行的js访问资源时进行限制。比如:
不能通过js访问不同源之下页面的DOM结构,
对不同源发送请求也无法获得服务器的相应。
也不能访问不属于同源下的cookie,localstorage等
何为 同源 :指的是访问的目标url和当前页面的url两者的协议,端口,域名,ip只要有一个不同,则属于不同的源。
常用的跨域方法1、CORS 跨域资源共享。通过设置请求方法的请求头,来实现跨域
123Access-Control-Allow-OriginAccess-Control-Allow-Methods:对客户端回应服务器支持的请求方法列表;Access-Control-Allow-Headers:对客户端回应服务器支持的Header;
2、JSONP 但是只能用于get请求
3、Cookie跨域共享
123451.配置服务端返回的 Set-Cookie响应头2.在页面上的JavaScript代码中通过document.cookie,直接设置document.cookie为我们需要存储的内容。例如:docume ...
默认系列12345678910offsetWidth //返回元素的宽度(包括元素宽度、内边距和边框,不包括外边距)offsetHeight //返回元素的高度(包括元素高度、内边距和边框,不包括外边距)clientWidth //返回元素的宽度(包括元素宽度、内边距,不包括边框和外边距)clientHeight //返回元素的高度(包括元素高度、内边距,不包括边框和外边距)style.width //返回元素的宽度(包括元素宽度,不包括内边距、边框和外边距)style.height //返回元素的高度(包括元素高度,不包括内边距、边框和外边距)scrollWidth //返回元素的宽度(包括元素宽度、内边距和溢出尺寸,不包括边框和外边距),无溢出的情况,与clientWidth相同scrollHeigh //返回元素的高度(包括元素高度、内边距和溢出尺寸,不包括边框和外边距),无溢出的情况,与clientHeight相同
垂直滚动12345678offsetTop// 返回元素的上外缘距离最近采用定位父元素内 ...
获取多个url参数12345678910getUrlParam:function (name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null) return unescape(r[2]); return null;}``` ##### 获取单个url参数
getUrlParam:function (name){ var params = location.search.substr(1); var ArrParam = params.split(‘&’); for(var i = 0; i <ArrParam.length; i ++){ if(ArrParam[i].split(‘=’)[0] ...
Coding
未读Css Fileter参数:1234567891011121314151617181920blur(10px) 高斯模糊(px) 越大越模糊brightness(1%) 线性乘法 提高亮度或变暗 越小越黑contrast(1%) 对比度 越小越黑 越大越亮drop-shadow(1px 1px 10px 20px) 类似于box-shadowgrayscale(1%) 灰度图像 越大越灰hue-rotate(1deg) 色相旋转 0-360invert(1%) 反转输入图像 0-100opacity(1%) 设置透明度saturate(1%) 设置图像饱和度 越大饱和度越高sepia(1%) 图像转换未深褐色, 0-100 越大颜色越深