摘要: 关于盒子居中的这个问题下面是我总结的几种方式希望能帮助到大家 一、盒子没有固定的宽和高 方案1、Transforms 变形 这是最简单的方法,不仅能实现绝对居中同样的效果,也支持联合可变高度方式使用。内容块定义transform: translate(-50%,-50%) 必须加上 top: 50% 阅读全文
posted @ 2021-12-22 15:05 MamBa_20 阅读(1060) 评论(0) 推荐(0)
摘要: 1、通过 node 创建 web 服务器 创建 node 项目,初始化 npm init -y 并安装 express,通过 express 快速创建 web 服务器,将 vue 打包生成的 dist 文件夹,托管为静态资源即可: const express = require('express') 阅读全文
posted @ 2021-12-22 14:33 MamBa_20 阅读(157) 评论(0) 推荐(0)
摘要: 我们知道JSON.parse能将JSON字符串转变成JS对象,但在一些转换中可能出现Unexpected token ' in JSON at position 1的错误,这是因为被转换的值不符合JSON格式而造成的。 JSON官方明确规定,JSON数据的key与value必须使用双引号""包裹,否 阅读全文
posted @ 2021-12-21 17:55 MamBa_20 阅读(1078) 评论(0) 推荐(0)
摘要: overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 阅读全文
posted @ 2021-12-21 10:34 MamBa_20 阅读(474) 评论(0) 推荐(0)
摘要: canvas 的坑踩之不尽。比如:需要在 canvas 上绘制图片,但老生常谈的问题出现了:绘制后生成的图片模糊了!!! WTF ?别着急别着急,用 hidpi-canvas-polyfill 就能解决啦。 一、安装 1 <script src=".../dist/hidpi-canvas.min. 阅读全文
posted @ 2020-09-09 11:08 MamBa_20 阅读(603) 评论(0) 推荐(0)
摘要: 今天又碰到了JacvaScript中的call()和apply()方法,然后看看学学,敲了遍代码,才大概对这两个方法有些了解,这篇博客是对这两个方法的归纳整理,如果有写的不够详细或者有错误的地方欢迎指出。 1.定义 每个函数都包含两个非继承而来的方法:call()方法和apply()方法。call和 阅读全文
posted @ 2020-09-08 22:31 MamBa_20 阅读(341) 评论(0) 推荐(0)
摘要: 在css中,可以通过cursor属性来改鼠标样式。下面本篇文章就来给大家介绍一下cursor属性,希望对大家有所帮助。 cursor属性 cursor属性规定要显示的光标的类型(形状);该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状。 属性可能值: url 需使用的自定义光标的 URL。 阅读全文
posted @ 2020-08-27 17:38 MamBa_20 阅读(208) 评论(0) 推荐(0)
摘要: JS中作用域有:全局作用域、函数作用域。没有块作用域的概念。ECMAScript 6(简称ES6)中新增了块级作用域。块作用域由 { } 包括,if语句和for语句里面的{ }也属于块作用域。 es5:var es6:let 、const 1.var定义变量,没有块的概念,可以跨块访问,不能跨函数访 阅读全文
posted @ 2020-08-17 22:52 MamBa_20 阅读(114) 评论(0) 推荐(0)
摘要: 1:在全局作用域下 this对象指向的是window对象 例如: 结果如下: 2:在函数作用域下 在非严格模式下: this的指向依旧是window对象 例如: 结果如下: 在严格模式下: this的指向是undefined 例如: 结果如下: 所以在函数里面,在严格模式下,this的指向或者值为u 阅读全文
posted @ 2020-08-17 22:45 MamBa_20 阅读(123) 评论(0) 推荐(0)
摘要: 本文将详细介绍前端性能优化的七大手段,包括减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化 减少请求数量 【合并】 如果不进行文件合并,有如下3个隐患 1、文件与文件之间有插入的上行请求,增加了N-1个网络延迟 2、受丢包问题影响更严重 3、经过代 阅读全文
posted @ 2020-08-17 22:30 MamBa_20 阅读(234) 评论(0) 推荐(0)