02 2020 档案

摘要:微信具有调整字体大小的功能,然而有时候调整字体大小会导致微信公众号内的H5页面样式混乱。解决原理:阻止ios和安卓调整字体大小时候的事件。ios通过添加css属性,安卓通过微信属性去阻止。 注:添加后无法通过外部更改字体大小,根据项目需求运用。 ios系统: body{ -webkit-text-s 阅读全文
posted @ 2020-02-29 20:43 罗毅豪 阅读(3677) 评论(1) 推荐(1) 编辑
摘要:前端除了sessionStorage、localStorage之外,还有一种本地存储方式,即cookie。 注意,要使用cookie,页面必须在服务器中运行,直接双击打开页面无法使用cookie。 在进行微信公众号页面开发时,由于localStorage退出微信无法自动清除数据,而sessionSt 阅读全文
posted @ 2020-02-28 22:19 罗毅豪 阅读(8526) 评论(0) 推荐(1) 编辑
摘要:在JQuery WEUI的官网(http://jqweui.com/components#toast)没有看到有显示Loading的用法,只有其他的用法,这里都给大家贴出来。 官网已有的用法: $.toast("操作成功"); $.toast("取消操作", "cancel"); $.toast(" 阅读全文
posted @ 2020-02-28 22:06 罗毅豪 阅读(3420) 评论(0) 推荐(0) 编辑
摘要:H5页面有时会出现点击一瞬间出现灰色背景的问题(ios会,安卓不会),解决方法: 加上样式: -webkit-tap-highlight-color: transparent; 如果以上方法不行,则是需要修改background-color的值。 阅读全文
posted @ 2020-02-27 13:04 罗毅豪 阅读(888) 评论(0) 推荐(0) 编辑
摘要:最近我遇到这样的问题,就是使用font-weight无法调节字体粗细。 据我所知,font-weight是用于调节字体粗细的,可选100、200、300、400(normal)、500、600、700(bold)、800、900。 但是无论我怎么调整,字体粗细都基本没有变化,后来我终于找到原因了。 阅读全文
posted @ 2020-02-26 18:31 罗毅豪 阅读(6752) 评论(0) 推荐(0) 编辑
摘要:在控制台输入0.1+0.2,会得出以下结果 即不等于0.3。下面我们说一下原因。 一、存储原理 1.在计算机中数字无论是定点数还是浮点数都是以多位二进制的方式进行存储的。2.在JS中数字采用的IEEE 754的双精度标准进行存储(存储一个数值所使用的二进制位数比较多,精度更准确)。 二、示例 在定点 阅读全文
posted @ 2020-02-25 00:24 罗毅豪 阅读(930) 评论(0) 推荐(0) 编辑
摘要:最近,我在项目开发中遇到这样的问题。 要给这个tab的底部的蓝线左右加上圆角。 然而,这个元素实际如上图所示,只是active的时候加了个underline的类,蓝线并没有单独的html。 若给这个span加上border-bottom-left-radius和border-bottom-right 阅读全文
posted @ 2020-02-24 17:40 罗毅豪 阅读(1403) 评论(0) 推荐(0) 编辑
摘要:今天我的神舟战神笔记本电脑系统故障了,在这里记录一下使用U盘重装系统的方法: 1.插入装机U盘。 2.按开机键,然后马上按Esc键。 3.选择Boot Manager进入。 4.选择EFI USB Device进入。 5.点击一键恢复WIn7-64位到C盘。(我的电脑在Win10下比较卡,可能是因为 阅读全文
posted @ 2020-02-22 12:24 罗毅豪 阅读(3778) 评论(0) 推荐(0) 编辑
摘要:上传图片时,往往需要对图片进行裁剪。 实现方法为: 1.引入crop.css body{background:#000}.upload-container{position:absolute;left:50%;top:50%;margin-left:-57px;margin-top:-57px}.u 阅读全文
posted @ 2020-02-20 19:57 罗毅豪 阅读(1748) 评论(0) 推荐(1) 编辑
摘要:在最近的项目中,H5需要实现查看图片和删除图片的效果,总结如下: 一、查看图片 查看图片使用weui的gallery。首先添加gallery的html,然后隐藏。 <div class="weui-gallery" style="display: none"> <span class="weui-g 阅读全文
posted @ 2020-02-20 16:12 罗毅豪 阅读(1949) 评论(0) 推荐(0) 编辑
摘要:在手机上,我们期望在搜索框中输入数据,能够实时更新查询出来的内容,不需要按回车。 实现方式为: $(".search").bind("input propertychange",function(event){ //进行查询操作 }) 一、首先分清下面几个概念:onchange事件:此事件会在元素内 阅读全文
posted @ 2020-02-12 23:12 罗毅豪 阅读(3596) 评论(0) 推荐(0) 编辑
摘要:async 是 ES7 才有的与异步操作有关的关键字。 async 函数返回一个 Promise 对象,可以使用 then 方法添加回调函数。 async function helloAsync(){ return "helloAsync"; } console.log(helloAsync()) 阅读全文
posted @ 2020-02-12 16:39 罗毅豪 阅读(264) 评论(0) 推荐(0) 编辑
摘要:Promise是异步编程的一种解决方案。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 异步操作有三种状态:pending(进行中)、fulfilled(已成功)和 rejected(已失败)。除了异步操作的结果,任何其他操作都无法改变这个状态。Promise 对 阅读全文
posted @ 2020-02-12 16:18 罗毅豪 阅读(259) 评论(0) 推荐(0) 编辑
摘要:本文介绍ES6实现模块化的方法:使用import和export。 导入的时候需不需要加大括号的判断:1.当用export default people导出时,就用 import people 导入(不带大括号)。2.一个文件里,有且只能有一个export default。但可以有多个export。3 阅读全文
posted @ 2020-02-09 21:16 罗毅豪 阅读(214) 评论(0) 推荐(0) 编辑
摘要:本文介绍ES6新增的展开运算符(spread operator)。 由上图可得,展开运算符负责拼装数组和对象,与之相反,解构赋值负责分解数组和对象。 由上图可得,展开运算符能和解构赋值一起发挥成更大的作用。 上图的功能和Object.assign函数很像。 阅读全文
posted @ 2020-02-09 21:08 罗毅豪 阅读(279) 评论(0) 推荐(0) 编辑
摘要:本文介绍下ES6的解构赋值。可用于解构数组和对象。 上图中ES5使用require(模板名)引入对象,是之前实现模块化的方式。 阅读全文
posted @ 2020-02-09 20:59 罗毅豪 阅读(171) 评论(0) 推荐(0) 编辑
摘要:本文介绍下ES6中对象的一些拓展功能。 这三个语法糖在实际的项目开发中经常会见到。 阅读全文
posted @ 2020-02-09 20:50 罗毅豪 阅读(240) 评论(0) 推荐(0) 编辑
摘要:本文介绍下ES6中对函数的语法升级。 1.增加了函数默认参数 2.箭头函数 注释:map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。这是ES5的语法。 ES6+提供的很多功能都是为了简化之前冗余的js代码的语法糖。 阅读全文
posted @ 2020-02-08 20:09 罗毅豪 阅读(408) 评论(0) 推荐(0) 编辑
摘要:本文我们介绍下ES6的模板字符串。 1.str.includes('y')返回布尔值 2.str.repeat(3)返回结果字符串 3.str.startsWith()和str.endsWith()返回布尔值 阅读全文
posted @ 2020-02-08 19:48 罗毅豪 阅读(142) 评论(0) 推荐(0) 编辑
摘要:本文介绍ES6中的const和let,现在ES6早已被浏览器支持了。 目前各大浏览器基本上都支持 ES6 的新特性,其中 Chrome 和 Firefox 浏览器对 ES6 新特性最友好,IE7~11 基本不支持 ES6(微软放弃IE了)。 以下是各大浏览器支持情况及开始时间: 下面开始介绍: ES 阅读全文
posted @ 2020-02-08 17:44 罗毅豪 阅读(593) 评论(0) 推荐(0) 编辑
摘要:本文介绍下js中OOP的一些用法: 由上图可得: 1.typeof null结果是object,所以需要用与运算符再次判断是否为空。 2.构造器实现重载后,可依序传入参数或传入对象。 由上图可得:要实现链式调用,需要在函数中返回this。 由上图可得: 1.由于不能直接new出抽象类的对象,可以通过 阅读全文
posted @ 2020-02-07 17:30 罗毅豪 阅读(280) 评论(0) 推荐(0) 编辑
摘要:本文详细介绍js中正则表达式的使用。 由上图可得: 1.可用正则表达式字面量直接调用test函数进行正则匹配判断,也可用new RegExp对象的方法。 2.正则表达式test函数返回布尔值。 由上图可得: 1.点号表示除换行符外的任意字符。 2.\u表示unicode。 3.\D表示\d的补集,\ 阅读全文
posted @ 2020-02-06 18:06 罗毅豪 阅读(164) 评论(0) 推荐(0) 编辑
摘要:本文介绍下js的OOP中的继承。 上图的要点为:Foo函数在创建时会自动生成内置属性prototype,而typeof Foo.prototype是object类型的。 上图的要点为:Foo.prototype内置两个属性,constructor和__proto__。 上图的要点为: 1.Stude 阅读全文
posted @ 2020-02-05 19:16 罗毅豪 阅读(160) 评论(0) 推荐(0) 编辑
摘要:js的闭包是一个重要的概念,每次我都是忘了又看,看了又忘。这里记录一下: 上图两个函数中,左边的函数返回后,localVal会被垃圾回收机制处理。但是右边的localVal会一直在内存中,右边的出现的两个函数,一个函数在另一个函数内部,即是闭包。 上图的要点为: 1.!的作用是将function() 阅读全文
posted @ 2020-02-05 14:37 罗毅豪 阅读(163) 评论(0) 推荐(0) 编辑
摘要:我们来分析一下bind方法的实现代码,下图的bind方法的实现为MDN(开发者社区)中的代码。 由上图可得:bind方法实现了两个功能:绑定this和科里化。 阅读全文
posted @ 2020-02-01 23:25 罗毅豪 阅读(203) 评论(0) 推荐(0) 编辑
摘要:本文我们来学习下js函数的一些用法。 上图的要点为: 1.函数具有属性,如foo.length和foo.name。 2.arguments是类数组,arguments.length为实参的数目。 3.严格模式下,arguments为副本。 4.若未传参数,赋值给arguments[x]会无效。 5. 阅读全文
posted @ 2020-02-01 20:19 罗毅豪 阅读(303) 评论(0) 推荐(0) 编辑
摘要:本文我们介绍下js中this的用法。 由上图可得,默认this指向window,而在node.js中this默认指向global。 由上图可得: 1.原型链为o->MyClass.prototype。 2.函数如果没有明确返回值默认返回this。 由上图可得:call和apply功能相同,不同之处为 阅读全文
posted @ 2020-02-01 13:48 罗毅豪 阅读(127) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示