共 14 页: 上一页 1 2 3 4 5 6 下一页 末页
摘要:BOM(浏览器对象模型)提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关。 window对象 全局作用域 定义全局变量与在window对象上直接定义属性还是有一点差别:全局变量不能通过delete操作符删除,而直接在window对象上的定义的属性可以。 窗口关系及框架 window. 阅读全文
posted @ 2018-12-19 19:58 风雨后见彩虹 阅读 (98) 评论 (0) 编辑
摘要:递归 但是如果代码是在严格模式下开发: 结果:Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the argument 阅读全文
posted @ 2018-12-17 09:24 风雨后见彩虹 阅读 (150) 评论 (0) 编辑
摘要:面向对象的语言有一个标志,那就是它们都有类的概念,而通过类可以创建任意多个具有相同属性和方法的对象。 理解对象 创建自定义对象的最简单的方法就是创建一个Object的实例,然后再为它添加属性和方法。例如: 同样上面的例子可以通过对象字面量语法写成如下: 属性类型 ECMAScript中有两种属性:数 阅读全文
posted @ 2018-12-12 13:27 风雨后见彩虹 阅读 (157) 评论 (0) 编辑
摘要:前言 Truthy 不等于 ture,他是指是在Boolean上下文中转换后的值为真的值。我的理解是,在javascript中所有表达式为true的值。同理Falsy指的是在javascript中所有表达式为false的值。所有值都是真值,除非它们被定义为 falsy (即, 除了false,0,“ 阅读全文
posted @ 2018-12-05 09:23 风雨后见彩虹 阅读 (152) 评论 (0) 编辑
摘要:方法一:footer高度固定+绝对定位 HTML代码: CSS代码: 实现的效果: 首先,设置body的高度至少充满整个屏幕,并且body作为footer绝对定位的参考节点; 其次,设置main(footer前一个兄弟元素)的padding-bottom值大于等于footer的height值,以保证 阅读全文
posted @ 2018-12-03 21:44 风雨后见彩虹 阅读 (1385) 评论 (0) 编辑
摘要:什么是 XML? XML 指可扩展标记语言(EXtensible Markup Language) XML 是一种标记语言,很类似 HTML XML 的设计宗旨是传输数据,而非显示数据 XML 标签没有被预定义。您需要自行定义标签。 XML 被设计为具有自我描述性。 XML 是 W3C 的推荐标准 阅读全文
posted @ 2018-12-03 21:27 风雨后见彩虹 阅读 (767) 评论 (0) 编辑
摘要:前言 我们经常用element-ui做后台管理系统,经常会遇到父组件给子组件传递数据,下面一个简单的例子,点击按钮,把弹框显示变量数据通过子组件的props属性传递,子组件通过$emit事件监听把数据回传给父组件。 父组件代码: 子组件代码: 感觉这样挺麻烦,父组件通过设置子组件的属性(props) 阅读全文
posted @ 2018-11-28 14:37 风雨后见彩虹 阅读 (760) 评论 (0) 编辑
摘要:前端发展很快,现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQuery 使用场景大大减少。本项目总结了大部分 jQuery API 阅读全文
posted @ 2018-11-20 22:12 风雨后见彩虹 阅读 (4719) 评论 (1) 编辑
摘要:前言 在现代新建一个 JS 相关的项目往往都是从 package.json 文件开始的,不过这个文件里需要的字段实在是太多了,正常人都记不住,所以 npm 官方提供了 npm init 命令帮助我们快速初始化 package.json 文件。执行之后会有一个交互式的命令行让你输入需要的字段值,当然如 阅读全文
posted @ 2018-11-20 17:54 风雨后见彩虹 阅读 (4038) 评论 (0) 编辑
摘要:webSocket是什么 webSocket是HTML5新出的一种协议,底层是基于TCP/IP协议的。跟http没有关系,只是复用了http握手通道,用来升级协议。 webSocket的作用 轮询:客户端以一定的时间间隔向服务端发出请求,以频繁请求的方式来保持客户端和服务器端的同步。缺点: 浏览器需 阅读全文
posted @ 2018-11-20 14:46 风雨后见彩虹 阅读 (815) 评论 (0) 编辑
摘要:比如下面的代码,从服务端请求回来的订单数据如下,需要进行以下处理1.根据 status 进行对应值得显示(0-进行中,1-已完成,2-订单异常)2.把 startTime 由时间戳显示成 yyyy-mm-dd3.如果字段值为空字符串 ,设置字段值为 ‘--’ 下面就使用单一职责的原则设置 statu 阅读全文
posted @ 2018-11-19 20:44 风雨后见彩虹 阅读 (350) 评论 (0) 编辑
摘要:一.浮动布局 1.先让固定宽度的div浮动!使其脱离文档流。2.margin-left的值等于固定div的宽度相等。 二.margin的负值(3个div) 是固定宽度的div脱离文档流。利用marin负值可以使得,后面的div可以与前面的div 保持同行显示。给包裹内容的div加margin-lef 阅读全文
posted @ 2018-11-16 09:44 风雨后见彩虹 阅读 (184) 评论 (0) 编辑
摘要:简单工厂模式是由一个方法来决定到底要创建哪个类的实例, 而这些实例经常都拥有相同的接口. 这种模式主要用在所实例化的类型在编译期并不能确定, 而是在执行期决定的情况。 说的通俗点,就像公司茶水间的饮料机,要咖啡还是牛奶取决于你按哪个按钮。 不好理解的话,我们再给一个例子: 如果还不理解的话,那我们就 阅读全文
posted @ 2018-11-06 17:52 风雨后见彩虹 阅读 (136) 评论 (0) 编辑
摘要:基本用法 问题是output()在每次创建对象的时候都重新定义了,没有共享。 可以用如下方式: 更好的方式,使用原型继承output方法: 除了使用new,可以作为函数调用、call方式 该代码的方法1有点特殊,如果不适用new直接调用函数的话,this指向的是全局对象window,我们来验证一下: 阅读全文
posted @ 2018-11-06 16:34 风雨后见彩虹 阅读 (78) 评论 (0) 编辑
摘要:什么是单例模式 所谓单例,就是一个类只有一个实例,实现的方法一般是先判断是否存在实例,如果存在就直接返回,如果不存在就创建了再返回。这样确保了一个类只有一个实例对象。 实现的单例有很多种方式,最简单的一种方式就是对象字面量的方法,其字面量里面可以包含大量的属性和方法。 如果想要扩展该对象,使用闭包的 阅读全文
posted @ 2018-11-06 15:29 风雨后见彩虹 阅读 (119) 评论 (0) 编辑
摘要:1.web扫码登录怎么实现,思路? ajax监控后台的流程:生成二维码后 整体思路: 1.前端调用后台生成二维码的API,获取到二维码图片和所包含的信息(通常是一个唯一ID) 2.前端检测(通过轮询或者websock,自己选择)是否有手机扫码,通过调用后台接口API,参数为上面的唯一ID 3.手机扫 阅读全文
posted @ 2018-10-29 20:24 风雨后见彩虹 阅读 (1056) 评论 (0) 编辑
摘要:1.相邻2个层合并的快捷键方法:先选择上面的一个层,再按ctrl+e。 2.合并一个组内的多个层或组:在该组单击右键,选择“转换为智能对象”,然后可对其进行其它操作,比如:截取该组的为一张图片:ctrl+"鼠标左点击该组"。 3.复制一个层,对该层设置前景色和背景色设置:背景色快捷键 :Ctrl+D 阅读全文
posted @ 2018-10-29 20:24 风雨后见彩虹 阅读 (158) 评论 (0) 编辑
摘要:1.JS找字符串中出现最多的字符 例如:求字符串'nininihaoa'中出现次数最多字符 方法一: 结果如图所示: 方法二,当然还可以使用reduce方法来实现: 想详细了解reduce()方法,可以参考:《JS数组reduce()方法详解及高级技巧》 2.JS实现九九乘法表 jQuery实现方式 阅读全文
posted @ 2018-10-29 20:23 风雨后见彩虹 阅读 (7853) 评论 (0) 编辑
摘要:1.JS设计模式片段 2.canvas图片预加载及进度条的实现 3.JS实现跨浏览器添加事件与移除事件怎样做才最优? 一般的兼容做法,如下: 跨浏览器添加事件 跨浏览器移除事件 推荐写法 参考地址: addEvent() recoding contest entry addEvent() – Fol 阅读全文
posted @ 2018-10-29 20:22 风雨后见彩虹 阅读 (280) 评论 (0) 编辑
摘要:css3新单位vw、vh、vmin、vmax vh: 相对于视窗的高度, 视窗被均分为100单位的vh; vw: 相对于视窗的宽度, 视窗被均分为100单位的vw; vmax: 相对于视窗的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax; vmin: 相对于视窗的宽度或高度中较小 阅读全文
posted @ 2018-10-29 20:21 风雨后见彩虹 阅读 (597) 评论 (0) 编辑
摘要:工作中经常会遇到这样的需求:1.购物车列表中勾选某些,点击任意一项,前往详情页,再返回购物车依旧需要呈现勾选状态2.勾选人员后,前往别的页面,再次返回,人员依旧程勾选状态3.等等.... 离开页面的时候将勾选的数据缓存,再次返回到页面时,将最新添加的数据和缓存的数据做对比,如果缓存中存在勾选,则更改 阅读全文
posted @ 2018-10-29 10:37 风雨后见彩虹 阅读 (485) 评论 (1) 编辑
摘要:一、路由拦截使用 首先在定义路由的时候就需要多添加一个自定义字段requireAuth,用于判断该路由的访问是否需要登录。如果用户已经登录,则顺利进入路由,否则就进入登录页面,路由配置如下: 定义完路由后,我们主要是利用vue-router提供的钩子函数beforeEach()对路由进行判断: 二、 阅读全文
posted @ 2018-07-09 14:16 风雨后见彩虹 阅读 (7567) 评论 (0) 编辑
摘要:base64转blob对象 压缩图片 图片预览 详细图片预览可参考地址:《搞清Image加载事件(onload)、加载状态(complete)后,实现图片的本地预览,并自适应于父元素内(完成)》 图片旋转到正确的角度(验证可行) 参考地址: file上传图片,base64转换、压缩图片、预览图片、将 阅读全文
posted @ 2018-04-27 15:58 风雨后见彩虹 阅读 (7147) 评论 (0) 编辑
摘要:在最近移动端项目中用到了vux,感觉用着还习惯,当把vux使用到PC端的时候出现了IE浏览器出现,这样的错误信息: CSS3114: @font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。 文件: UwCtGsNCf5NCQ0N.... 然后在IE浏览器页面中的字体图标 阅读全文
posted @ 2018-04-25 15:35 风雨后见彩虹 阅读 (4161) 评论 (1) 编辑
摘要:常用Grid布局属性介绍 下面从一个简单Grid布局例子说起。 CSS Grid 布局由两个核心组成部分是 wrapper(父元素)和 items(子元素)。 wrapper 是实际的 grid(网格),items 是 grid(网格) 内的内容。 下面是一个 wrapper 元素,内部包含6个 i 阅读全文
posted @ 2018-03-31 14:45 风雨后见彩虹 阅读 (4627) 评论 (1) 编辑
共 14 页: 上一页 1 2 3 4 5 6 下一页 末页