- 博客(128)
- 收藏
- 关注
RSS订阅原创 解决macOS catalina 安装mongodb无法启动 出现Read-only file system问题
**最近把macOS升级到catalina后，安装mongoDB时，没有办法在目录下创建/data/db，提示Read-only file system（仅只读文件系统）。解决办法： 在终端执行下面两条命令：sudo mount -uw /killall Finder然后就可以执行啦mkdir -p /data/db在启动mongodb前，还要对该文件夹赋予权限：sudo c...
2019-12-24 11:19:54
675
原创 页面强制横屏
@media screen and (orientation: portrait) {html{width : 100vmin;height : 100vmax;}body{width : 100vmin;height : 100vmax;}#gyroContain{width : 100vmax;height : 100vmin;transform-origin: top...
2019-12-06 19:00:42
325
原创 手机横屏竖屏css
手机横屏竖屏css@media是css3中新定义的，功能非常强大，顾名思义PC是无法匹配横竖屏的，所以orientation只对移动设备起效。1.头部声明复制代码代码如下:加到复制代码代码如下:media匹配屏幕是横屏还是竖屏复制代码代码如下:@media all and (orientation : landscape) { /* 这是匹配横屏的状态，横屏时的c...
2019-12-06 18:45:51
483
原创 什么时候用单例什么时候用多例？
单例多例需要搞明白两个问题：什么是单例多例； 2. 如何产生单例多例； 3. 为什么要用单例多例 4. 什么时候用单例，什么时候用多例；什么是单例多例: 所谓单例就是所有的请求都用一个对象来处理，比如我们常用的service和dao层的对象通常都是单例的，而多例则指每个请求用一个新的对象来处理，比如action;如何产生单例多例: 在通用的SSH中，单例在spring中是默认的，...
2019-12-06 17:28:00
1220
原创 js阻止事件冒泡
js阻止事件冒泡<body> <form id="form1" runat="server"> <div id="divOne" onclick="alert('我是最外层');"> <div id="divTwo" onclick="alert('我是中间层！')"> <a id="hr_three"...
2019-12-05 21:24:40
290
原创 Js如何删除数组中某一个元素？
获得一串数组，如下：var data = [{"id":"1","name":"小刘","age":"25"},{"id":"2","name":"小华","age":"24"},{"id":"3","name":"小佳","age":"27"},{"id":"4","name":"小王","age":"24"},{"id":"5","name":"小何","age":"22"},]...
2019-11-29 15:41:14
1603
原创 Vue技术栈开发实战笔记(一)--------使用vue ui创建项目
1.使用vue ui创建、管理项目：可视化的项目管理工具。基于vue cli3.0的项目文件目录：pulic文件：favicon.ico是网址上方的标题的小图标。index.html：是入口文件模板。src：项目的主文件。assets：是存放静态资源（如：图片，css等）的文件。img：存放图片。css：存放共同css样式。js：存放第三方js文件。iconfont：存放图标文...
2019-11-29 10:25:41
106
原创 JavaScript 私有成员分析
JavaScript操作都是关于对象的。数组(Array)是对象，函数(Function)是对象。Object（类型）是对象。那么什么是对象呢？对象就是“名称－值”对(name-value)。名称是字符串，值可以是字符串、数值、布尔值或对象（包括数组和函数）。对象经常用哈希表实现，所以取值速度很快。如果对象的一个值是函数(function)，我们可以认为它是成员函数，当成员函数被调用时，this...
2019-11-28 17:39:43
88
原创 闭包的作用
闭包的概念「官方」的解释「闭包」，是指拥有多个变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。但不要咬文嚼字，我们简单的可以理解为闭包是个函数，而它「记住了周围发生了什么」。表现为由「一个函数」体中定义了「另个函数」function outer () {…function inner () {…} }闭包的作用setTimeou...
2019-11-28 17:38:39
89
原创 【11】熟练掌握闭包
// 1.闭包允许你引用在当前函数以外定义的变量function makeSanwich() { const magicIngredient = 'peanut butter'; function make(filling) { return magicIngredient + ' and ' + filling; } return mak...
2019-11-28 16:54:28
118
原创 -js判断字符串中出现次数最多的字符及统计次数
两种做法，一种把相同字符放在json对象数组里//把相同字符放在json对象里function test(str){ var obj = {}; var num = 0; var value = ''; for (var i = 0; i < str.length; i++){ if (!obj[str[i]]) obj[str[i]] = [];...
2019-11-25 12:37:15
338
原创 JS判断一个字符串中出现次数最多的字符，并统计次数
let str = 'asfjasiofoivnoi'; function count(str){ let obj={}, arr = str.split(''); //遍历数组 arr.forEach(function(val,in...
2019-11-25 12:35:56
567
原创 console执行顺序
console.log(‘1’);setTimeout(() => {console.log(‘2’);}, 100);setTimeout(() => {}, 0);new Promise((resolve,reject) => {console.log(‘3’);resolve();console.log(‘4’);}).then(() => {co...
2019-11-25 12:32:45
880
原创 计算给定数组 arr 中所有元素的总和
function sum(arr) { var suma = 0; for(var i = 0; i < arr.length; i++){ suma += arr[i]; } return suma;}//递归实现function sum(arr) { var len = arr.length; if(len == 0)...
2019-11-25 12:22:21
2005
原创 Promise
setTimeout(() => console.log('a'), 0);var p = new Promise((resolve) => { console.log('b'); resolve();});p.then(() => console.log('c'));p.then(() => console.log('d'));console.l...
2019-11-25 12:19:41
98
原创 原型链的理解
function Person() { this.name = 1;}var p1 = new Person();Person.prototype.name = 2;// Person { name: 2 }console.log(Person.prototype);// [Function]console.log(Person.__proto__);// undef...
2019-11-25 12:11:26
96
原创 封装个函数，输入任何数字，进行千分位格式化。
封装个函数，输入任何数字，进行千分位格式化。如1233456=》1，233，456所谓的数字千分位形式，即从个位数起，每三位之间加一个逗号。例如“10,000”。针对这个需求，我起初写了这样一个函数：复制代码 代码如下:// 方法一function toThousands(num) { var result = [ ], counter = 0; num = (num...
2019-11-25 11:50:20
729
1
原创 getElementById和querySelector方法的区别
1.getXXXByXXX 获取的是动态集合，querySelector获取的是静态集合。 1 <ul> 2 <li>aaa</li> 3 <li>ddd</li> 4 <li>ccc</li> 5 </ul> 6 7 //demo1 8 var ul...
2019-11-18 19:07:27
147
原创 请查收你的专注力挑战
请查收你的专注力挑战专注力，是能较长时间集中注意力解决任务的一种能力。上周之前，我对此一无所知。根据近七天屏幕时间统计分析，做了一些调整，比如删掉一半的App、更多的阅读时间安排、给微信设定使用限额。目标是让自己保持更多的专注，把无效的时间更多的分配到有效的阅读和学习中。经过一周的努力，虽然日均时长和上周相近，但使用时间的分配已经改变了很多，我确实花了更多的时间在阅读和学习上。并由此感受...
2019-10-22 14:52:23
382
原创 按值传递和按引用传递
> function test(num){> 这里对num这个变量创建了一个内存的副本... var num = num+2;... return num;... }undefined> var num = 1undefined> test(num)3> num1> > function test(obj){> 当前o...
2019-10-22 14:49:24
248
原创 关于Event Listener事件(addListener)和Event inline事件(onclick)区别的实例
最近做的一个项目中需要实现一个功能，判断鼠标停放区域，根据不同的区域范围，滚动鼠标滚轮时，元素移动的距离长短不同。mouseover事件(){ 获取鼠标焦点坐标; 判断鼠标焦点所在区域范围; mousewheel鼠标滚动事件(){ alert("test"); };}在实现的时候，鼠标滚动事件可以用onmousewheel，也可以用add...
2019-10-18 19:14:35
1450
原创 【es6】数组字符串扩展
1 js语言下一代的标准 2015年6月发布作用 编写大型的项目（模块化）es5 （变量覆盖，全局变量污染）2 数组的扩展含义：es6新增的处理数组的一些方法（语法糖）作用：更简便的处理我们的数组3 扩展运算符… 拆包 打包的过程1 函数调用（把数组当做参数传给函数）2 放置表达式3 注意 …[] 和没写是一样的 只有函数调用的时候才可以放在小括号里面四 复制 （只是复...
2019-09-28 11:54:24
125
原创 【es6】对象的扩展
什么是es6 ?是js语言下一代的标准 在2015年6月发布的es6的作用 ?js语言可以编写大型的复杂的项目（更趋向于模块化）一 对象的扩展es6新增的一些处理我们对象的方法 （作用：为了更好地处理对象）1 属性的简写2 方法的简写3 属性名的表达式es5定义对象的两种 {1 标识符 2 表达式}4 supersuper 指向当前对象的原型对象**5 对象的展开运算符 ...
2019-09-27 20:22:01
103
原创 【 Node.js】
Node.js 应用是由哪几部分组成的：引入 required 模块：我们可以使用 require 指令来载入 Node.js 模块。创建服务器：服务器可以监听客户端的请求，类似于 Apache 、Nginx 等 HTTP 服务器。接收请求与响应请求 服务器很容易创建，客户端可以使用浏览器或终端发送 HTTP 请求，服务器接收请求后返回响应数据创建 Node.js 应用步骤一、引入 ...
2019-09-21 11:58:15
74
原创 【AJAX】学习笔记
AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。什么是 AJAX ？AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页...
2019-09-21 09:48:48
115
原创 【Vue】浅谈Vue中组件传值的几种方式
浅谈Vue中组件传值的几种方式Vue中传值主要分为两部分父子通信1.父传子传递：当子组件在父组件中当做标签使用的时候,通过给子组件绑定一个自定义属性，值为需要传递的数据接收：在子组件内部通过props进行接收接收的方式有2种 一种是数组接收 另一种是对象接收一般情况下我们都使用对象进行接收，因为对象接收可以校验数据的类型例子props:[“val”];props:{val:...
2019-09-20 18:26:46
343
原创 JavaScript for...in 循环
**JavaScript for…in 语句循环遍历对象的属性。语法for (variable in object){ 执行的代码……}注意： for…in 循环中的代码块将针对每个属性执行一次。实例循环遍历对象的属性：<!DOCTYPE html><html><head><meta charset="utf-8">...
2019-09-20 14:48:34
90
原创 .开头的文件在mac不显示
第一种方法是在finder中按下command+shift+.键。第二种方法是在命令行输入如下命令defaults write com.apple.Finder AppleShowAllFiles YES
2019-09-20 11:40:37
1282
原创 上下固定，中间滚动布局如何实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-09-19 11:52:34
1865
原创 闭包题目练习
1.如下代码输出多少？如果想输出3，那如何改造代码？var fnArr = [];for (var i = 0; i < 10; i ++) { fnArr[i] = function(){ return i };}console.log( fnArr[3]() )输出为10想输出3，可做如下改造//方法一var fnArr = [];for (var ...
2019-09-19 09:08:16
529
原创 手写js快速排序
var arr = [5, 11, 23, 54, 0, 22, 12, 43, 9];function quickSort(arr){ if(arr.length <= 1) { return arr }; var mNumIndex = Math.floor(arr.length/2); var mNum = arr.splice([m...
2019-09-19 08:55:33
658
原创 js深度克隆
// 1. 遍历, 判断每一个值是原始值还是引用值// 2. 如果是原始值, 直接复制// 3. 如果是引用值, 创建数组或者对象, 递归 // 在递归的过程中,如果源的属性// 是原始值, 同上第二步// 是引用值, 同上第三步 function deepClone(target, origin){ var target = target || {}, ...
2019-09-19 08:52:38
79
原创 冒泡排序和选择排序及其他们的优化
1.冒泡排序冒泡排序(Bubble Sort)，又被称为气泡排序或泡沫排序。它是一种较简单的排序算法。它会遍历若干次要排序的数列，每次遍历时，它都会从前往后依次的比较相邻两个数的大小；如果前者比后者大，则交换它们的位置。这样，一次遍历之后，最大的元素就在数列的末尾！采用相同的方法再次遍历时，第二大的元素就被排列在最大元素之前。重复此操作，直到整个数列都有序为止！普通的冒泡排序void Bu...
2019-09-19 08:50:17
95
原创 上下固定，中间滚动布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-09-19 08:33:58
1156
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人