罗毅豪

2020年2月28日

摘要：前端除了sessionStorage、localStorage之外，还有一种本地存储方式，即cookie。注意，要使用cookie，页面必须在服务器中运行，直接双击打开页面无法使用cookie。在进行微信公众号页面开发时，由于localStorage退出微信无法自动清除数据，而sessionSt 阅读全文

posted @ 2020-02-28 22:19 罗毅豪阅读(8523) 评论(0) 推荐(1) 编辑

weui用Toast组件显示Loading

摘要：在JQuery WEUI的官网（http://jqweui.com/components#toast）没有看到有显示Loading的用法，只有其他的用法，这里都给大家贴出来。官网已有的用法： $.toast("操作成功"); $.toast("取消操作", "cancel"); $.toast(" 阅读全文

posted @ 2020-02-28 22:06 罗毅豪阅读(3413) 评论(0) 推荐(0) 编辑

2020年2月27日

解决H5页面点击一瞬间出现灰色背景的问题

摘要： H5页面有时会出现点击一瞬间出现灰色背景的问题（ios会，安卓不会），解决方法：加上样式： -webkit-tap-highlight-color: transparent; 如果以上方法不行，则是需要修改background-color的值。阅读全文

posted @ 2020-02-27 13:04 罗毅豪阅读(886) 评论(0) 推荐(0) 编辑

2020年2月26日

使用font-weight无法调节字体粗细的问题解决

摘要：最近我遇到这样的问题，就是使用font-weight无法调节字体粗细。据我所知，font-weight是用于调节字体粗细的，可选100、200、300、400(normal)、500、600、700(bold)、800、900。但是无论我怎么调整，字体粗细都基本没有变化，后来我终于找到原因了。阅读全文

posted @ 2020-02-26 18:31 罗毅豪阅读(6745) 评论(0) 推荐(0) 编辑

2020年2月25日

JS中0.1+0.2!=0.3

摘要：在控制台输入0.1+0.2，会得出以下结果即不等于0.3。下面我们说一下原因。一、存储原理 1.在计算机中数字无论是定点数还是浮点数都是以多位二进制的方式进行存储的。2.在JS中数字采用的IEEE 754的双精度标准进行存储(存储一个数值所使用的二进制位数比较多,精度更准确)。二、示例在定点阅读全文

posted @ 2020-02-25 00:24 罗毅豪阅读(930) 评论(0) 推荐(0) 编辑

2020年2月24日

CSS3之border-image的使用

摘要：最近，我在项目开发中遇到这样的问题。要给这个tab的底部的蓝线左右加上圆角。然而，这个元素实际如上图所示，只是active的时候加了个underline的类，蓝线并没有单独的html。若给这个span加上border-bottom-left-radius和border-bottom-right 阅读全文

posted @ 2020-02-24 17:40 罗毅豪阅读(1403) 评论(0) 推荐(0) 编辑

2020年2月22日

笔记本电脑使用U盘重装系统

摘要：今天我的神舟战神笔记本电脑系统故障了，在这里记录一下使用U盘重装系统的方法： 1.插入装机U盘。 2.按开机键，然后马上按Esc键。 3.选择Boot Manager进入。 4.选择EFI USB Device进入。 5.点击一键恢复WIn7-64位到C盘。（我的电脑在Win10下比较卡，可能是因为阅读全文

posted @ 2020-02-22 12:24 罗毅豪阅读(3775) 评论(0) 推荐(0) 编辑

2020年2月20日

上传图片时使用crop进行裁剪

摘要：上传图片时，往往需要对图片进行裁剪。实现方法为： 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 罗毅豪阅读(1745) 评论(0) 推荐(1) 编辑

H5实现查看图片和删除图片的效果

摘要：在最近的项目中，H5需要实现查看图片和删除图片的效果，总结如下：一、查看图片查看图片使用weui的gallery。首先添加gallery的html，然后隐藏。 <div class="weui-gallery" style="display: none"> <span class="weui-g 阅读全文

posted @ 2020-02-20 16:12 罗毅豪阅读(1948) 评论(0) 推荐(0) 编辑

2020年2月12日

jQuery搜索框输入实时进行查询

摘要：在手机上，我们期望在搜索框中输入数据，能够实时更新查询出来的内容，不需要按回车。实现方式为： $(".search").bind("input propertychange",function(event){ //进行查询操作 }) 一、首先分清下面几个概念：onchange事件:此事件会在元素内阅读全文

posted @ 2020-02-12 23:12 罗毅豪阅读(3595) 评论(0) 推荐(0) 编辑

ES7之async/await

摘要： async 是 ES7 才有的与异步操作有关的关键字。 async 函数返回一个 Promise 对象，可以使用 then 方法添加回调函数。 async function helloAsync(){ return "helloAsync"; } console.log(helloAsync()) 阅读全文

posted @ 2020-02-12 16:39 罗毅豪阅读(264) 评论(0) 推荐(0) 编辑

ES6之Promise对象

摘要： Promise是异步编程的一种解决方案。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 异步操作有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。除了异步操作的结果，任何其他操作都无法改变这个状态。Promise 对阅读全文

posted @ 2020-02-12 16:18 罗毅豪阅读(259) 评论(0) 推荐(0) 编辑

2020年2月9日

ES6之模块化

摘要：本文介绍ES6实现模块化的方法：使用import和export。导入的时候需不需要加大括号的判断：1.当用export default people导出时，就用 import people 导入（不带大括号）。2.一个文件里，有且只能有一个export default。但可以有多个export。3 阅读全文

posted @ 2020-02-09 21:16 罗毅豪阅读(214) 评论(0) 推荐(0) 编辑

ES6之展开运算符

摘要：本文介绍ES6新增的展开运算符(spread operator)。由上图可得，展开运算符负责拼装数组和对象，与之相反，解构赋值负责分解数组和对象。由上图可得，展开运算符能和解构赋值一起发挥成更大的作用。上图的功能和Object.assign函数很像。阅读全文

posted @ 2020-02-09 21:08 罗毅豪阅读(279) 评论(0) 推荐(0) 编辑

ES6之解构赋值

摘要：本文介绍下ES6的解构赋值。可用于解构数组和对象。上图中ES5使用require(模板名)引入对象，是之前实现模块化的方式。阅读全文

posted @ 2020-02-09 20:59 罗毅豪阅读(171) 评论(0) 推荐(0) 编辑

ES6之对象的语法糖

摘要：本文介绍下ES6中对象的一些拓展功能。这三个语法糖在实际的项目开发中经常会见到。阅读全文

posted @ 2020-02-09 20:50 罗毅豪阅读(240) 评论(0) 推荐(0) 编辑

2020年2月8日

ES6之函数的语法糖

摘要：本文介绍下ES6中对函数的语法升级。 1.增加了函数默认参数 2.箭头函数注释：map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。这是ES5的语法。 ES6+提供的很多功能都是为了简化之前冗余的js代码的语法糖。阅读全文

posted @ 2020-02-08 20:09 罗毅豪阅读(408) 评论(0) 推荐(0) 编辑

ES6之模板字符串

摘要：本文我们介绍下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中的const和let，现在ES6早已被浏览器支持了。目前各大浏览器基本上都支持 ES6 的新特性，其中 Chrome 和 Firefox 浏览器对 ES6 新特性最友好，IE7~11 基本不支持 ES6（微软放弃IE了）。以下是各大浏览器支持情况及开始时间：下面开始介绍： ES 阅读全文

posted @ 2020-02-08 17:44 罗毅豪阅读(593) 评论(0) 推荐(0) 编辑

2020年2月7日

JavaScript之OOP

摘要：本文介绍下js中OOP的一些用法：由上图可得： 1.typeof null结果是object，所以需要用与运算符再次判断是否为空。 2.构造器实现重载后，可依序传入参数或传入对象。由上图可得：要实现链式调用，需要在函数中返回this。由上图可得： 1.由于不能直接new出抽象类的对象，可以通过阅读全文

posted @ 2020-02-07 17:30 罗毅豪阅读(280) 评论(0) 推荐(0) 编辑

2020年2月6日

JavaScript正则表达式

摘要：本文详细介绍js中正则表达式的使用。由上图可得： 1.可用正则表达式字面量直接调用test函数进行正则匹配判断，也可用new RegExp对象的方法。 2.正则表达式test函数返回布尔值。由上图可得： 1.点号表示除换行符外的任意字符。 2.\u表示unicode。 3.\D表示\d的补集，\ 阅读全文

posted @ 2020-02-06 18:06 罗毅豪阅读(163) 评论(0) 推荐(0) 编辑

2020年2月5日

JavaScript之基于原型链的继承

摘要：本文介绍下js的OOP中的继承。上图的要点为：Foo函数在创建时会自动生成内置属性prototype，而typeof Foo.prototype是object类型的。上图的要点为：Foo.prototype内置两个属性，constructor和__proto__。上图的要点为： 1.Stude 阅读全文

posted @ 2020-02-05 19:16 罗毅豪阅读(160) 评论(0) 推荐(0) 编辑

JavaScript之闭包

摘要： js的闭包是一个重要的概念，每次我都是忘了又看，看了又忘。这里记录一下：上图两个函数中，左边的函数返回后，localVal会被垃圾回收机制处理。但是右边的localVal会一直在内存中，右边的出现的两个函数，一个函数在另一个函数内部，即是闭包。上图的要点为： 1.!的作用是将function() 阅读全文

posted @ 2020-02-05 14:37 罗毅豪阅读(163) 评论(0) 推荐(0) 编辑

2020年2月1日

JavaScript之bind方法实现代码分析

摘要：我们来分析一下bind方法的实现代码，下图的bind方法的实现为MDN（开发者社区）中的代码。由上图可得：bind方法实现了两个功能：绑定this和科里化。阅读全文

posted @ 2020-02-01 23:25 罗毅豪阅读(203) 评论(0) 推荐(0) 编辑

JavaScript函数用法

摘要：本文我们来学习下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) 编辑

JavaScript之this的用法

摘要：本文我们介绍下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) 编辑

2020年1月31日

JavaScript函数创建

摘要： js的函数也是对象，其创建有三种方式：函数声明、函数表达式、函数构造器。上图中，左边为函数声明，右边为函数表达式。上图的要点为：函数声明和变量声明会前置，函数表达式不会前置。上图的要点为： 1.可通过构造器直接新建函数，new可以省略。 2.Function前面的入参为函数入参，最后一个参数为阅读全文

posted @ 2020-01-31 21:30 罗毅豪阅读(214) 评论(0) 推荐(0) 编辑

JavaScript数组方法

摘要： Object.prototype上有toString/valueOf/hasOwnProperty等方法。本文则介绍一些常用的数组方法：上图的要点为： 1.join若无指定入参则默认用逗号拼接字符串。 2.使用join可以封装成重复字符串的函数。上图的要点为：使用reverse会修改原来的数阅读全文

posted @ 2020-01-31 17:33 罗毅豪阅读(155) 评论(0) 推荐(0) 编辑

JavaScript数组用法

摘要：本文介绍一些js数组的用法：上图的要点为： 1.unshift增加数组头部的元素，shift删除数组头部的元素。 2.delete除可删除对象的属性外，还可以删除数组的元素，使其占位变为undefined。 3.arr.length-=1和arr.pop()功能相同，即删除数组尾部的元素。上图的阅读全文

posted @ 2020-01-31 14:44 罗毅豪阅读(244) 评论(0) 推荐(0) 编辑

2020年1月23日

JavaScript对象之对象标签和对象序列化

摘要：对象标签有三种：proto、class和extensible。一、proto标签例如我新建了一个person对象，那么其__proto__则指向Person.prototype，然后Person.prototype的__proto__则指向Object.prototype，Object.prot 阅读全文

posted @ 2020-01-23 21:25 罗毅豪阅读(458) 评论(0) 推荐(0) 编辑

2020年1月22日

JavaScript对象之属性标签

摘要：本文介绍一下js对象的属性标签(configurable、writable、enumerable、value、get、set）的使用。上图的要点为： 1.Object.getOwnPropertyDescriptor(obj,attr)可以获取属性标签的信息。 2.configurable控制属性阅读全文

posted @ 2020-01-22 21:59 罗毅豪阅读(489) 评论(0) 推荐(0) 编辑

JavaScript对象之get/set方法

摘要：我们可以重写js对象属性的get和set方法。从上图我们可以看出set和get的语法。上图则是使用set和get方法对对象的属性进行了输入校验。从上图可得若对象的原型链上具有不可配置的同名属性（Object.defineProperty定义的属性默认是不可配置的，即writable=false 阅读全文

posted @ 2020-01-22 16:13 罗毅豪阅读(13418) 评论(0) 推荐(1) 编辑

JavaScript对象之属性操作

摘要：在js对象中，我们可以对对象属性进行操作。上图的要点为：for-in会把原型链上的可枚举属性也列出来。上图的要点为：可以使用逻辑运算符&&进行层层查找对象是否为undefined，从而在赋值过程中不报错。上图的要点为： 1.delete不存在的属性，依旧返回true。 2.Object.get 阅读全文

posted @ 2020-01-22 15:46 罗毅豪阅读(286) 评论(0) 推荐(0) 编辑

JavaScript对象之原型链

摘要：一个js对象，除了自己设置的属性外，还会自动生成proto、class、extensible属性，其中，proto属性指向对象的原型。对象的属性也有writable、enumerable、configurable、value和get/set的配置方法。对象的创建方式有三种：一、使用字面量直接创阅读全文

posted @ 2020-01-22 11:15 罗毅豪阅读(210) 评论(0) 推荐(0) 编辑

2020年1月21日

JavaScript严格模式

摘要： JavaScript严格模式的使用是规范js代码的一种行为，它对代码提出了更高的要求，会对代码进行错误检查，使js代码更加具有健壮性、安全性。我们平时使用的是一般模式。要进入严格模式，可以在js文件开头写上 'use strict'; 或者在函数开头写上这一句，从而使得函数内部进入严格模式。从这里阅读全文

posted @ 2020-01-21 22:56 罗毅豪阅读(298) 评论(0) 推荐(0) 编辑

数据字典的转换

摘要：由于需求的易变性，我们会把一些状态或选项存储到数据库中。其中，中文与数字值的对应便形成了数据字典。获取数据字典列表的方法： //获取数据字典,参数为数据字典名，如：medicineType function getDataDictionary(groupCode,success){ $.ajaxD 阅读全文

posted @ 2020-01-21 09:27 罗毅豪阅读(1729) 评论(0) 推荐(0) 编辑

2020年1月20日

JavaScript数据类型

摘要： JavaScript（ECMAScript5）是弱类型动态语言。我总结一下JS的数据类型相关知识。一、六种数据类型 JS拥有number、boolean、string和null、undefined5种原始数据类型，还有object一种对象类型。 object类型又包括Function、Array和阅读全文

posted @ 2020-01-20 22:05 罗毅豪阅读(137) 评论(0) 推荐(0) 编辑

2020年1月19日

前端学习图谱和路径

摘要：昨晚我看了前端Q的B站直播视频，其中的有关前端学习的图谱和路径如下。大家可以按照这个图谱和路径学习，丰富自己的前端知识体系，不断进步。阅读全文

posted @ 2020-01-19 15:45 罗毅豪阅读(229) 评论(0) 推荐(0) 编辑

HTML语义化

摘要：之前我一直没有重视过HTML语义化，觉得<div>+<span>，再用上一些基本的语义化标签，比如<p>,<h1>等等，写一些比较普通的页面足够了。但是，我们应当追求把语义化标签用对，而不是仅仅完成一个页面就行。那么，为什么要使用HTML语义化呢？1.为了在没有CSS的情况下，页面也能呈现出很好地阅读全文

posted @ 2020-01-19 00:14 罗毅豪阅读(258) 评论(0) 推荐(0) 编辑

2020年1月18日

使用全角空格进行文本对齐

摘要：我们在做对齐的效果时，通常会使用多个 字符，如以下代码所示： <p><span class="first">来访时间：</span><span class="second" id="arriveTime"></span></p> <p><span class="first">离开时间：</ 阅读全文

posted @ 2020-01-18 15:19 罗毅豪阅读(644) 评论(0) 推荐(0) 编辑

公告