自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 解决macOS catalina 安装mongodb无法启动 出现Read-only file system问题

** 最近把macOS升级到catalina后,安装mongoDB时,没有办法在目录下创建/data/db,提示Read-only file system(仅只读文件系统)。 解决办法: 在终端执行下面两条命令: sudo mount -uw / killall Finder 然后就可以执行啦 ...

2019-12-24 11:19:54

阅读数 56

评论数 0

原创 页面强制横屏

@media screen and (orientation: portrait) { html{ width : 100vmin; height : 100vmax; } body{ width : 100vmin; height : 100vmax; } #gyroContain{ width...

2019-12-06 19:00:42

阅读数 6

评论数 0

原创 手机横屏竖屏css

手机横屏竖屏css @media是css3中新定义的,功能非常强大,顾名思义PC是无法匹配横竖屏的,所以orientation只对移动设备起效。 1.头部声明 复制代码 代码如下: 加到 复制代码 代码如下: media匹配屏幕是横屏还是竖屏 复制代码 代码如下: @media all a...

2019-12-06 18:45:51

阅读数 2

评论数 0

原创 什么时候用单例什么时候用多例?

单例多例需要搞明白两个问题: 什么是单例多例; 2. 如何产生单例多例; 3. 为什么要用单例多例 4. 什么时候用单例,什么时候用多例; 什么是单例多例: 所谓单例就是所有的请求都用一个对象来处理,比如我们常用的service和dao层的对象通常都是单例的,而多例则指每个请求用一个新的对...

2019-12-06 17:28:00

阅读数 9

评论数 0

原创 js阻止事件冒泡

js阻止事件冒泡 <body>   <form id="form1" runat="server">     <div id="divOne" onclick="alert('我是最外层&...

2019-12-05 21:24:40

阅读数 9

评论数 0

原创 Js如何删除数组中某一个元素?

获得一串数组,如下: var data = [ {"id":"1","name":"小刘","age":"25"}, {"id":"2",...

2019-11-29 15:41:14

阅读数 12

评论数 0

原创 Vue技术栈开发实战笔记(一)--------使用vue ui创建项目

1.使用vue ui创建、管理项目:可视化的项目管理工具。 基于vue cli3.0的项目文件目录: pulic文件:favicon.ico是网址上方的标题的小图标。 index.html:是入口文件模板。 src:项目的主文件。 assets:是存放静态资源(如:图片,css等)的文件。 im...

2019-11-29 10:25:41

阅读数 1

评论数 0

原创 JavaScript 私有成员分析

JavaScript操作都是关于对象的。数组(Array)是对象,函数(Function)是对象。Object(类型)是对象。那么什么是对象呢?对象就是“名称-值”对(name-value)。名称是字符串,值可以是字符串、数值、布尔值或对象(包括数组和函数)。对象经常用哈希表实现,所以取值速度很快...

2019-11-28 17:39:43

阅读数 3

评论数 0

原创 闭包的作用

闭包的概念 「官方」的解释 「闭包」,是指拥有多个变量和绑定了这些变量的环境的 表达式(通常是一个函数),因而这些变量也是该表达式 的一部分。 但不要咬文嚼字,我们简单的可以理解为 闭包是个函数,而它「记住了周围发生了什么」。表现为由「一个函数」体中定义了「另个函数」 function oute...

2019-11-28 17:38:39

阅读数 3

评论数 0

原创 【11】熟练掌握闭包

// 1.闭包允许你引用在当前函数以外定义的变量 function makeSanwich() { const magicIngredient = 'peanut butter'; function make(filling) { retur...

2019-11-28 16:54:28

阅读数 1

评论数 0

原创 -js判断字符串中出现次数最多的字符及统计次数

两种做法,一种把相同字符放在json对象数组里 //把相同字符放在json对象里 function test(str){ var obj = {}; var num = 0; var value = ''; for (var i = 0; i < str....

2019-11-25 12:37:15

阅读数 4

评论数 0

原创 JS判断一个字符串中出现次数最多的字符,并统计次数

let str = 'asfjasiofoivnoi'; function count(str){ let obj={}, arr = str.split('')...

2019-11-25 12:35:56

阅读数 3

评论数 0

原创 console执行顺序

console.log(‘1’); setTimeout(() => { console.log(‘2’); }, 100); setTimeout(() => { }, 0); new Promise((resolve,reject) => { console.log(‘3’)...

2019-11-25 12:32:45

阅读数 11

评论数 0

原创 计算给定数组 arr 中所有元素的总和

function sum(arr) { var suma = 0; for(var i = 0; i < arr.length; i++){ suma += arr[i]; } return suma; } //递归实现 function su...

2019-11-25 12:22:21

阅读数 6

评论数 0

原创 Promise

setTimeout(() => console.log('a'), 0); var p = new Promise((resolve) => { console.log('b'); resolve(); }); p.then((...

2019-11-25 12:19:41

阅读数 2

评论数 0

原创 原型链的理解

function Person() { this.name = 1; } var p1 = new Person(); Person.prototype.name = 2; // Person { name: 2 } console.log(Person.prototype); // ...

2019-11-25 12:11:26

阅读数 3

评论数 0

原创 封装个函数,输入任何数字,进行千分位格式化。

封装个函数,输入任何数字,进行千分位格式化。如1233456=》1,233,456 所谓的数字千分位形式,即从个位数起,每三位之间加一个逗号。例如“10,000”。针对这个需求,我起初写了这样一个函数: 复制代码 代码如下: // 方法一 function toThousands(num) { ...

2019-11-25 11:50:20

阅读数 15

评论数 0

原创 getElementById和querySelector方法的区别

1.getXXXByXXX 获取的是动态集合,querySelector获取的是静态集合。 1 <ul> 2 <li>aaa</li> 3 <li>ddd</li> 4 <li>ccc&...

2019-11-18 19:07:27

阅读数 5

评论数 0

原创 请查收你的专注力挑战

请查收你的专注力挑战 专注力,是能较长时间集中注意力解决任务的一种能力。 上周之前,我对此一无所知。 根据近七天屏幕时间统计分析,做了一些调整,比如删掉一半的App、更多的阅读时间安排、给微信设定使用限额。目标是让自己保持更多的专注,把无效的时间更多的分配到有效的阅读和学习中。 经过一周的努力,虽...

2019-10-22 14:52:23

阅读数 73

评论数 0

原创 按值传递和按引用传递

> function test(num){ > 这里对num这个变量创建了一个内存的副本 ... var num = num+2; ... return num; ... } undefined > var num = 1 undefined > test(num) 3 ...

2019-10-22 14:49:24

阅读数 12

评论数 0

原创 关于Event Listener事件(addListener)和Event inline事件(onclick)区别的实例

最近做的一个项目中需要实现一个功能,判断鼠标停放区域,根据不同的区域范围,滚动鼠标滚轮时,元素移动的距离长短不同。 mouseover事件(){ 获取鼠标焦点坐标; 判断鼠标焦点所在区域范围; mousewheel鼠标滚动事件(){ alert(&quo...

2019-10-18 19:14:35

阅读数 75

评论数 0

原创 【es6】数组字符串扩展

1 js语言下一代的标准 2015年6月发布 作用 编写大型的项目(模块化) es5 (变量覆盖,全局变量污染) 2 数组的扩展 含义:es6新增的处理数组的一些方法(语法糖) 作用:更简便的处理我们的数组 3 扩展运算符 … 拆包 打包的过程 1 函数调用(把数组当做参数传给函数) 2 放置表...

2019-09-28 11:54:24

阅读数 18

评论数 0

原创 【es6】对象的扩展

什么是es6 ? 是js语言下一代的标准 在2015年6月发布的 es6的作用 ? js语言可以编写大型的复杂的项目(更趋向于模块化) 一 对象的扩展 es6新增的一些处理我们对象的方法 (作用:为了更好地处理对象) 1 属性的简写 2 方法的简写 3 属性名的表达式 es5定义对象的两种 {1...

2019-09-27 20:22:01

阅读数 15

评论数 0

原创 【面试题】封装函数实现字符串驼峰命名法的转换

2019-09-23 10:42:31

阅读数 13

评论数 0

原创 【 Node.js】

Node.js 应用是由哪几部分组成的: 引入 required 模块:我们可以使用 require 指令来载入 Node.js 模块。 创建服务器:服务器可以监听客户端的请求,类似于 Apache 、Nginx 等 HTTP 服务器。 接收请求与响应请求 服务器很容易创建,客户端可以使用浏览器...

2019-09-21 11:58:15

阅读数 10

评论数 0

原创 使用回调函数

使用回调函数 回调函数是一种以参数形式传递给另一个函数的函数。

2019-09-21 11:26:58

阅读数 16

评论数 0

原创 【AJAX】学习笔记

AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 什么是 AJAX ? AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网...

2019-09-21 09:48:48

阅读数 12

评论数 0

原创 【Vue】浅谈Vue中组件传值的几种方式

浅谈Vue中组件传值的几种方式 Vue中传值主要分为两部分 父子通信 1.父传子 传递:当子组件在父组件中当做标签使用的时候,通过给子组件绑定一个自定义属性,值为需要传递的数据 接收:在子组件内部通过props进行接收 接收的方式有2种 一种是数组接收 另一种是对象接收 一般情况下我们都使用对象...

2019-09-20 18:26:46

阅读数 26

评论数 0

原创 JavaScript for...in 循环

**JavaScript for…in 语句循环遍历对象的 属性 。 语法 for (variable in object) { 执行的代码…… } 注意: for…in 循环中的代码块将针对每个属性执行一次。 实例 循环遍历对象的属性: <!DOCTYPE html> &l...

2019-09-20 14:48:34

阅读数 9

评论数 0

原创 .开头的文件在mac不显示

第一种方法是在finder中按下command+shift+.键。 第二种方法是在命令行输入如下命令 defaults write com.apple.Finder AppleShowAllFiles YES

2019-09-20 11:40:37

阅读数 138

评论数 0

原创 上下固定,中间滚动布局如何实现

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...

2019-09-19 11:52:34

阅读数 49

评论数 0

原创 闭包题目练习

1.如下代码输出多少?如果想输出3,那如何改造代码? var fnArr = []; for (var i = 0; i < 10; i ++) { fnArr[i] = function(){ return i }; } console.log( fnArr[3]() )...

2019-09-19 09:08:16

阅读数 12

评论数 0

原创 手写js快速排序

var arr = [5, 11, 23, 54, 0, 22, 12, 43, 9]; function quickSort(arr){ if(arr.length <= 1) { return arr }; var mNumIndex = Mat...

2019-09-19 08:55:33

阅读数 10

评论数 0

原创 前端进阶之setTimeout 倒计时为什么会出现误差?

前端进阶之setTimeout 倒计时为什么会出现误差?

2019-09-19 08:53:46

阅读数 421

评论数 0

原创 js深度克隆

// 1. 遍历, 判断每一个值是原始值还是引用值 // 2. 如果是原始值, 直接复制 // 3. 如果是引用值, 创建数组或者对象, 递归 // 在递归的过程中,如果源的属性 // 是原始值, 同上第二步 // 是引用值, 同上第三步 function deepClone(targ...

2019-09-19 08:52:38

阅读数 13

评论数 0

原创 冒泡排序和选择排序及其他们的优化

1.冒泡排序 冒泡排序(Bubble Sort),又被称为气泡排序或泡沫排序。 它是一种较简单的排序算法。它会遍历若干次要排序的数列,每次遍历时,它都会从前往后依次的比较相邻两个数的大小;如果前者比后者大,则交换它们的位置。这样,一次遍历之后,最大的元素就在数列的末尾!采用相同的方法再次遍历时,第...

2019-09-19 08:50:17

阅读数 7

评论数 0

原创 给10000个按钮绑定事件(js)

Document

2019-09-19 08:40:39

阅读数 108

评论数 0

原创 上下固定,中间滚动布局

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...

2019-09-19 08:33:58

阅读数 51

评论数 0

原创 上下固定,中间滚动布局

Document header main footer

2019-09-19 08:27:01

阅读数 12

评论数 0

原创 【Vue】多页应用VS单页应用

2019-09-18 20:50:29

阅读数 14

评论数 0

提示
确定要删除当前文章?
取消 删除