随笔分类 - JavaScript
摘要：概述 Canvas 是在HTML5中新增的标签用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图。也就是说我们将通过JS完成画图而不是css。 canvas 默认布局为 inline-block，可以认为是一种特殊的图片。 走起 ~ canvas 划线
阅读全文
摘要：什么是图片瀑布流 用一张花瓣网页的图片布局可以很清楚看出图片瀑布流的样子： 简单来说，就是有很多图片平铺在页面上，每张图片的宽度相同，但是高度不同，这样错落有致的排列出 n 列的样子很像瀑布，于是就有了瀑布流图片一说。 实现原理 1、第一种方式 第一种方式前提是：图片的宽度固定，但是列可变（根据屏幕
阅读全文
摘要：前言 自动接触前端，跨域这个词就一直萦绕在耳畔。因为一般接手的项目都已经做好了这方面的处理，而且之前一直感觉对这方面模棱两可，所以今天就抽个时间梳理一下。 为什么需要跨域 跨域这个概念来自一个叫 “同源策略” 的东西。同源策略是浏览器（注意是浏览器，跟通信协议无关）上为了安全考虑实施的非常重要的安全
阅读全文
摘要：业务中在一定场景中会将input 设置为只读状态，在IOS safari上当input 输入框focus 时，仍会出现键盘上的上下箭头，这种用户体验非常不好，如何干掉呢？ `` 说一下思路： 上下箭头是无法通过 设置html属性，meta标签或者监听事件来解决，因为这些箭头并没有可以监听它的事件。而
阅读全文
摘要：```js // 输入法挡住输入框的问题 if (/Android/.test(navigator.appVersion)) { window.addEventListener('resize', function() { if (document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXT
阅读全文
摘要：结论：对象的拷贝不能采用直接赋值的方式。 背景 踩过的坑如下： formData本来是父组件传过来的，但是我不想直接用，于是我直接赋值给一个formDataCopy的对象。 但是诡异的事情发生了，就是在我填写自己的表单组件的时候，一旦表单的数据发生的变化时，本来是formDataCopy的值发生变化
阅读全文
摘要：在普通的html里面： template标签默认有个 属性，并且其里面的内容是不可见的。 在vue里面： template标签类似一个隐藏的div，在审查元素的时候是找不到template标签的，但是里面的内容是可见的。
阅读全文
摘要：方法一： 采用对象访问属性的方法，判断属性值是否存在，如果不存在就添加。 js var arr = [{ key: '01', value: '乐乐' }, { key: '02', value: '博博' }, { key: '03', value: '淘淘' },{ key: '04', val
阅读全文
摘要：ajax的传统写法： $.ajax({ url: "test.html", success: function(){ alert("哈哈，成功了！"); }, error:function(){ alert("出错啦！"); } }); Jquery版本在1.5之前，返回的是XHR对象；当版本高于1
阅读全文
摘要：有的时候我们会在桌面右下角看到这样的提示： 这种桌面提示是HTML5新增的 Web Push Notifications 技术。 Web Notifications 技术使页面可以发出通知，通知将被显示在页面之外的系统层面上。能够为用户提供更好的体验，即使用户忙于其他工作时也可以收到来自页面的消息通
阅读全文
摘要：不知道大家有没有看这段时间最火的一部电影《复仇者联盟4：终局之战》，作为漫威迷的我还没看，为什么呢？因为太贵了，刚上映的那周，一张IMAX厅的票价已经达到了299的天价，作为搬砖民工是舍不得花这么高的钱来看一场电影的，太奢侈了，当然也可能我是个假漫威迷吧，哈哈哈哈逃~ 我刚看下现在的票价，IMAX厅
阅读全文
摘要：大家好，这里是「 从零开始学 Web 系列教程 」，并在下列地址同步更新...... github：https://github.com/Daotin/Web 微信公众号：Web前端之巅 博客园：http://www.cnblogs.com/lvonve/ 在这里我会从 Web 前端零基础开始，一步
阅读全文
摘要：JavaScript 概述 JS作用 验证表单（以前的网速慢） 页面特效（PC端的网页效果） 移动端（移动web和app） 异步和服务器交互（AJAX） 服务端开发（nodejs） 语言类型 js是一种脚本语言，不仅是脚本语言还是弱类型的脚本语言。 脚本语言是一种解释性语言，解释性语言是相对于编译性
阅读全文