uaio / uaio.github.io Goto Github PK

https://www.anzhiqing.com/article/20200603_vertical-align-line-height.html

vertical-align 属性值123456789101112131415161718192021/* 关键字值 */vertical-align: baseline;vertical-align: sub;vertical-align: super;vertical-align: text-top;vertical-align: text-bottom;vertical-align: mid

https://www.anzhiqing.com/article/20170406_class.html

在 JavaScript 中类的概念的是非常重要的，在 es6 中加入了 class 关键词，可见类的重要性了；在面向对象编程的过程中类的概念是必须知晓的；同时构造函数在这里面应用非常多 new 表达式是配合构造函数使用的，例如new String("a string")，调用内置的 String 函数构造了一个字符串对象。下面我们用构造函数的方式来重新创建一个实现同样功能

https://www.anzhiqing.com/article/20200530_js-question.html

实现 call apply bindcall语法： fun.call(thisArg, arg1, arg2, …)，调用一个函数, 其具有一个指定的 this 值和分别地提供的参数(参数的列表)。 1234567Function.prototype.newcall = function (content = window) { content.fn = this; let ar

https://www.anzhiqing.com/article/20161215_gulp.html

好久没有更新了，实在是太忙了，一个项目接着一个，最终还是因为懒。之前写过一个 gulp 感觉写得不是很详细，也是入门的时候，有很多东西不理解，所以今天进一步的去写一下 gulp 吧 gulp 的工作原理其实就是文档流，就是干的事情有先有后，就是这个工具处理完返回一个文档流给下一个工具再来处理，最后在转成文件的形式(个人理解) 这里主要说 gulp 的配置，用它来为我们的项目来服务，那么我们先来看看

https://www.anzhiqing.com/article/20161125_20161125.html

一夜之间，腾讯动漫的 h5 刷爆朋友圈，又一个视频类的 h5 出现了，这次是薛之谦，也许接下来大明星们都会纷纷加入 识别终端以及浏览器video 在不同终端和浏览器中的表现是不同的 12345678910111213var ua = function(ua){ return { Android: /Android/ig.test(ua), iOS:

http://localhost:4000/2020/05/hello-world/

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick

https://www.anzhiqing.com/article/20170427_%E5%88%A4%E6%96%AD%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B.html

数据类型基本类型：string,number,boolean特殊类型：undefined,null引用类型：Object,Function,Array,Date,… typeof typeof 返回一个表示数据类型的字符串，返回结果包括：number、boolean、string、object、undefined、function 等 6 种数据类型。 123456789typeof "";

https://www.anzhiqing.com/article/20161201_center.html

flexbox123456789101112131415161718<style> .container { display: flex; flex-direction: row; justify-content: center; align-items: center; } .center { background:

https://www.anzhiqing.com/article/20170410_js%E6%93%8D%E4%BD%9C%E7%AC%A6.html

运算符就是完成操作的一系列符号，它有七类： 赋值运算符（=,+=,-=,=,/=,%=,<<=,>>=,|=,&=）、算术运算符(+,-,,/,++,–,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位移运算符(|,&,<<,>&g

http://localhost:4000/2020/05/hello-world/

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick

https://www.anzhiqing.com/article/20200602_vue-development-note.html

处理图片加载失败12// 这里面src必须保证是个空值要不然不触发 onerror 123456data() { return { errorImg: 'this.src='//xxxxxxx'' }}// xxxxxx是地址 另一种 12

https://www.anzhiqing.com/article/20161130_flex.html

Flex 作为 css3 中的新属性，一直被大家所熟知但是，应用的地方确实很少，那么让我们一起来研究研究它吧代码量比较大，请在 pc 端查看 说明 设置了 Flex 布局后，子元素的 float，clear，还有 verticle-align 属性都不起作用 设置了 display:flex 属性的元素，称为 Flex 容器，他里面的所有子元素统称为容器成员，Flex 容器有两根坐标轴：水平的叫主

https://www.anzhiqing.com/article/20170203_gulp-webpack.html

年后的第一天简直无聊到爆炸了，所以写一篇文章来慢慢恢复工作状态吧之前写过 gulp 和 webpack 来实现一些自动化的东西，但是两个各自有自己的优点，现在我的需求就是 h5 单页，用 es6 来写gulp 来实现实时监控文件的变化以及 css 相关处理webpack 则处理 js 包依赖(package.json)1234567891011121314151617181920212223242

https://www.anzhiqing.com/article/20160626_prevent-iframe.html

最近同事做了个 h5 放到了我们 m.sohu.com 上，当通过 uc 搜狐新闻主页访问这个 h5 的时候被 uc 用 iframe 嵌套到了他们自己的页面，从而使 iframe 里的布局错乱，真是醉了，最后找到了解决办法是判断主域名和 iframe 引用域名是否一致，代码如下 123if (top != self) { top.location = self.location;&#

https://www.anzhiqing.com/article/20161123_20161123.html

礼物不需挑最贵，只要香榭的落叶 本想拿这句当标题的，可是怕被当做标题党。杰迷应该对这句话很是熟悉,《告白气球》的歌词，方文山的作词很是吊啊。这句话的意思是,送的礼物不要太贵重,只要香榭丽舍大道的落叶就可以了,但是香榭丽舍大道是个啥,它是法国巴黎的一个繁华的地方,我滴天呐,去趟巴黎也挺贵吧,用百度地图查了下,居然定位不到外国,这个定位也是够够的了,说了这么多废话,主(qiang)要(la)引(y

https://www.anzhiqing.com/article/20161020_border.html

当你打开非常有尿性的 ide 或者编辑器，新建一个 css 文件，然后给一个元素添加属性的时候，输入 border，不要动，静静看着他的美 border 系列的属性还是挺多的，尤其是到了 css3 版本又加了很多可玩的属性；其中最常用的是 border-radius、border-image border 制作箭头 之前做过模拟微信聊天的页面，一开始用的图片当背景，要切下来一个小三角，然后用:

https://www.anzhiqing.com/article/20170425_settimeout.html

大家都很熟悉 setTimeout 吧，简单来说就是定时器；下面请看一段代码。 1234567var start = new Date();setTimeout(function () { var end = new Date(); console.log("Time: ", end - start, "ms");}, 500);while (new Date() - st

https://www.anzhiqing.com/article/20161121_animation.html

有个好的文章开头很重要，但是我就是不会写，直接进入正题。 css3-animation不知道大家对它是不是很熟悉了呢animation: name duration timing-function delay iteration-count directionanimation 属性是一个简写属性，用于设置动画属性： animation-name:动画名称，需要用@Keyframes 去设置一个

https://www.anzhiqing.com/article/20170111_bugs-wx.html

最近碰到了一系列的 bug，有系统本身的也有浏览器的原因，每个前端盼望着有一天内核的统一 环境 x5 内核浏览器 安卓bug 重现1234

https://www.anzhiqing.com/article/20160814_bigcan-lesson-1.html

首先我先说两个概念，第一，响应式：一个页面在不同尺寸的浏览器中不同的表现；第二，自适应：一个页面在任何尺寸浏览器下表现一致.这里只说自适应。 1.简单粗暴型zoom方式： 1234567891011121314<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, m

https://www.anzhiqing.com/article/20170307_20170307-WebSocket%20.html

这次主要全面的说一下关于网页和后台的通信这方面的，同时自己在查阅资料的时候也能巩固自己的知识体系；ajax 的诞生可能是由于我们提交表单的时候会跳转吧，这样对于交互不太好，可能这时候就需要像 ajax 这样的方式来进行无 load 的信息传递；在我理解中网页的通信其实从浏览器开始请求页面就开始了，这应该算是一次性请求吧；在一个就是 a 标签也算是通信吧，勉强吧，其实除了 a 标签像 img，ifr

https://www.anzhiqing.com/article/20161117_html5-dom-control.html

让你熟知的$见鬼吧$是 jquery 最具代表的符号，当然 php 也是，但是二者不能同日而语;不得不说 jquery 的选择器是大家赞不绝口的，在它 1.x 版本中对 ie 兼容性是最好的，这要归功于$选择器; 现在呢，html5 的降临，移动端的巨大发展，让我们可以慢慢弃用这臃肿的工具，轻装上阵，打死你个龟孙儿 document.querySelector()和document.querySe