自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

勇敢的豆沙包

web前端代码记录及分享

  • 博客(35)
  • 收藏
  • 关注

原创 【VUE2】前端面试题

【VUE2】前端面试题

2022-10-07 12:04:32 498

原创 Prettier 参数配置

prettierrc.jsmodule.exports = { // 一行最多 100 字符 printWidth: 100, // 关闭 tab 缩进 useTabs: false, // 使用 2个tab 缩进 tabWidth: 2, // 行尾需要有分号 semi: true, // 使用单引号 singleQuote: true, // 对象key是否使用引号 <as-needed|consistent|preserve> // as-

2021-04-02 17:15:57 2493

原创 解决vue热加载 advanced module optimization 编译速度很慢的问题

npm install babel-plugin-dynamic-import-node --save-dev.babelrc中添加{ "plugins": ["dynamic-import-node"]}

2019-08-12 17:34:54 5723

原创 解决vue axios跨域请求2次问题

浏览器请求分为简单请求和复杂请求在发起复杂请求且跨域的情况下会自动发起OPTIONS预检测请求简单请求需满足以下两个条件否则为复杂请求请求方法是以下三种方法之一:HEAD、GET、POSTHTTP 的头信息不超出以下几种字段:Accept、Accept-Language、Content-Language、Last-Event-ID、Content-Type: 只限于 (applica...

2019-08-12 17:29:04 3282

原创 微信小程序dom limit无法渲染更多节点问题

解决方法-分页渲染数据//index.jsPage({ data: { list: [], page: 1, pageNumber: 10 }, onLoad: function() { this.loadData(); }, loadData() { let data = []; for (let i = 0; i &lt...

2019-07-25 17:51:55 2745

原创 微信小程序分页列表setData数据过大问题

解决方法-分页渲染数据//index.jsPage({ data: { list: [], page: 1, pageNumber: 10 }, onLoad: function() { this.loadData(); }, loadData() { let data = []; for (let i = 0; i &lt...

2019-07-25 17:17:53 2259 1

原创 微信小程序判断页面滚动方向

Page({ onPageScroll(e){ clearTimeout(this.scrollTimer); this.scollArr = Array.isArray(this.scollArr) ? this.scollArr : []; //记录滚动坐标 this.scollArr.push(e.scrollTop); if (this.scollArr...

2019-07-25 12:11:14 1291

原创 解决windows下nginx无法启动80端口被vs占用问题

sc config http start= disabled 重启电脑,netstat查看,80端口没被占用,搞定。 恢复http开机启动命令: sc config http start= demand

2017-12-22 13:31:46 738

原创 js 对象的深复制和浅复制

浅复制:只赋值一层对象,并不递归赋值对象内嵌套的对象 深复制:递归赋值对象中的所有值和对象

2017-05-26 09:57:00 400

转载 详解javascript立即执行函数表达式(IIFE)

这是一篇译文,原文:Immediately-Invoked Function Expression (IIFE) 原文是一篇很经典的讲解IIFE的文章,很适合收藏。本文虽然是译文,但是直译的很少,而且添加了不少自己的理解。ps:下文中提到的“立即执行函数”其实就是“立即执行函数表达式”我们要说的到底是什么?在javascript中,每一个函数在被调用的时候都会创建一个执行上下文,在该函数内部定义的

2016-09-20 16:51:14 729

原创 js 中的五种继承方法

正式发布的ES6中已经封装实现了其他OO语言中的继承形式,Class Extends,这里主要记录js的原型继承和借用构造函数继承一、原型链继承function Super(){ this.name="小明";}Super.prototype.sayName = function(){ alert(this.name)};function Sub(){}Sub.prototy

2016-09-20 11:20:17 7727

原创 js resize、scroll函数节流与函数防抖

resize和scroll方法会触发时频繁调用,致使页面产生性能问题,所以我们使用函数节流和函数防抖来解决函数防抖//scroll方法中的do somthing至少间隔500毫秒执行一次window.addEventListener('scroll',function(){ var timer;//使用闭包,缓存变量 return function(){ if(ti

2016-09-19 21:56:12 6223 1

原创 js 创建对象的七种模式

一、工厂模式function createPerson(name,age){ var o = new Object(); o.name = name; o.age = age; o.sayName = function(){ alert(this.name) } return o;}var person1 = createPerso

2016-09-19 14:38:03 325

原创 js Object的属性 Configurable,Enumerable,Writable,Value,Getter,Setter

对象的数据属性Configurable,Enumerable,Writable,Valuevar person = {}Object.defineProperty(person,'name',{ configurable:false,//能否使用delete、能否需改属性特性、或能否修改访问器属性、,false为不可重新定义,默认值为true enumerable:false,//

2016-09-19 12:36:57 18930 3

原创 js 中call和apply的理解-切换上下文环境

首先call和apply方法实现的事情是相同的,只是传入参数格式有所不同,所以在实际应用中使用哪个都可以,主要是根据业务的不同看哪种传参形式更方便call方法接收多个参数,第一个为函数作用于,后面参数为逐个列举的参数值function sum(num1,num2){ return num1+num2;}function callSum(num1,num2){ return sum

2016-09-18 16:42:08 1210

原创 js中的 caller与callee用法小实例

caller函数fun的calle返回调用fun的函数对象,即fun的执行环境,如果fun的执行环境为window则返回nullfunction fun(){ console.log(fun.caller)//这里必须写在fun里面,因为caller只有函数执行过程中才有效}fun();//结果为:null下面包裹一层function a(){ fun(); funct

2016-09-18 15:44:21 10620

原创 js sort方法根据数组中对象的某一个属性值进行排序

var arr = [ {name:'zopp',age:0}, {name:'gpp',age:18}, {name:'yjj',age:8}];function compare(property){ return function(a,b){ var value1 = a[property]; var value2 = b[pro

2016-09-18 14:55:47 28140 1

转载 mongodb重启失败ERROR: child process failed, exited with error number 100

这是由于使用 kill -9 关闭mongdb 后导致MongoDB瘫痪首先MongoDB使用mmap方式进行数据文件管理,也就是说写操作基本是在内存中进行,写操作会被每隔60秒(syncdelay设定)的flush到磁盘里。如果在这60秒内flush处于停止事情我们进行kill -9那么从上次flush之后的写入数据将会全部丢失。如果在flush操作进行时执行kill -9则会造成文件混乱,可能导

2016-08-04 10:24:58 2813 1

原创 解决启动mongodb --fork报错 -ERROR: child process failed, exited with error number 1

这是一个权限的问题,子进程无法获取logpath的路径, 解决方法如下//log放在了根目录root下mongod --fork --logpath ~/log/mongodb.log --dbpath ....如果你想法log放在其他目录,你只要更改权限即可

2016-08-04 10:22:10 12952 1

转载 mongodb 用户身份验证,权限控制db.createUser()方法使用

定义: 创建一个数据库新用户用db.createUser()方法,如果用户存在则返回一个用户重复错误。语法: db.createUser(user, writeConcern) user这个文档创建关于用户的身份认证和访问信息; writeConcern这个文档描述保证MongoDB提供写操作的成功报告。· user文档,定义了用户的以下形式: { user: “”,

2016-08-03 17:49:18 12065

原创 xampp 配置多虚拟主机 详细步骤

一、修改httpd.conf文件目录 xampp => apach e=>httpd.conf 1.在文件内搜索 关键字“httpd-vhosts.conf”,找到如下字段# Virtual hostsInclude conf/extra/httpd-vhosts.conf//确保此段开头没有#2.在文件内搜索关键字“AllowOverride All”,找到如下字段<Directory "D

2016-08-02 10:22:47 9761

原创 linux(centeros)下搭建svn详解

1.安装# yum install subversion然后输入 # svn 显示svn help得到用法,安装成功2.创建一个svn存储仓库# svnadmin create /XXX/project //create后面为仓库文件夹路径创建仓库后再/project 文件夹中包含一个 /conf文件夹3.配置文件/conf文件夹中 包含三个文件即为我们需要的配置文件分别为/svnserve.con

2016-07-15 09:29:16 386

转载 Linux wget下载https类型文件报错解决方法

一般我们远程调用下载文件直接用wget就可以,一般文件路径类型是http。如果有遇到是https就会下载出错,稍微不注意的新手朋友可能还认为是数据源出现问题。因为大脑不好用,所以刚才在有遇到这样问题的时候老左就顺带做一个记录,以便下次遇到这样的问题,以及有遇到同类问题的网友可以参照使用。出现的错误大同小异类似上面的界面演示一样。其实我们仔细根据提示可以解决问题,只需要在wget后面加上–no-che

2016-06-30 14:04:05 2695 1

转载 解决ssh-connect-to-host-github-com-port-22-connection-timed-out

PC:~$ ssh [email protected] ssh: connect to host github.com port 22: Connection timed out解决办法:(linux下)~$ cd ~~$ cd .ssh/~$ touch config在.ssh目录下创建一个config文件,输入如下内容:Host github.com User [email protected] (你注册gi

2016-06-17 17:46:58 17098 2

原创 javascript数组去重的四种方法

一:循环比较Array.prototype.unique1 = function() { var res = [this[0]]; for (var i = 1; i < this.length; i++) { var repeat = false; for (var j = 0; j < res.length; j++) {

2016-05-19 18:02:31 421

转载 JavaScript事件处理指南手册

事件流事件流描述的是从页面中接收事件的顺序,IE和Netscape提出来差不多完全相反的事件流的概念,IE事件流是事件冒泡流,Netscape事件流是事件捕获流。事件冒泡IE的事件流叫做事件冒泡,即事件开始时由最具体的元素(文档中嵌套最深的那个节点)接收,然后逐级向上(一直到文档);如下代码:<div id = "div"> <span id="span"> <a id="a

2016-05-18 18:11:16 367

原创 js 升幂降幂排序数组

1.升幂排序var arr = [1,12,4,124,45,8,99998,456];function compare(value1,value2){ if(value1>value2){ return 1; }else if(value1<value2){ return -1; }else{ return 0; }

2015-12-10 11:01:17 1966

原创 js 数组取出最大值最小值的2种方法

1.直接遍历数组var arr = [1,12,4,124,45,8,99998,456];var max = arr[0];for(var i=1;i<arr.length;i++){ if(max<arr[i]) max=arr[i];}2.借用Math的方法var arr = [1,12,4,124,45,8,99998,456];var max = Math.max.apply

2015-12-10 10:58:41 773

转载 JavaScript正则表达式

RegExp 三大方法本文的RegExp采用直接量语法表示:/pattern/attributes。attributes有三个选择,i、m和g,m(多行匹配)不常用直接省略,所以一个pattern(匹配模式)可以表示如下:var pattern = /hello/ig;i(ignore)表示不区分大小写(地搜索匹配),比较简单,以下例子中不加述说;g(global)表示全局(搜索匹配),即找到一个后

2015-12-09 13:10:31 411

原创 jQuery如何返回一个类数组对象,js让一个对象的行为像一个数组一样

jQuery在使用$或者jQuery这个关键字的方法时,会在其框架内部动态的创建一个构造函数,下面这个函数:.......jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context, rootjQuery ); }....... 然后控制台输出jQuery的对象

2015-12-08 10:36:25 1052

原创 js原生创建封装ajax的方法,附XMLHttpRequest状态码

//创建var gc = gc || {};gc.ajax = function(options){//options = {url:'',method:'',data:'',callback:'',async:''} //默认参数 options.url = options.url || '', options.method = options.method || 'g

2015-12-04 15:52:12 3417

转载 关于DOM级别的一些问题,DOM0,DOM1,DOM2

之前看书没太注意这个问题,直到我今天看书看到一个DOM0级,于是我就在群里问了下各个级别的意思区别.. 首先我们的确定标准了是没有DOM0级的。在平时阅读的时候可能会读到DOM0级(DOM Level0)的字眼。实际上,DOM0级标准是不存在的,所谓的DOM0级是DOM历史坐标中的一个参照点而已,具体说呢,DOM0级指的是IE4和Netscape 4.0这些浏览器最初支持的DHTML..大概200

2015-11-16 15:49:57 9664 1

原创 javascript/js 原生动态引入外部css文件及动态插入css代码片段

动态创建css样式有两种方式: 1.引入外部css文件 2.插入css代码片段 动态插入css外部文件的方法:function loadStyle(url){var link = document.createElement('link'); link.type = 'text/css'; link.rel = 'stylesheet'; link.h

2015-11-16 14:24:52 10377

原创 javascript/js 原生动态插入外部js文件及动态插入js代码片段,兼容ie

动态创建js脚本有两种方式: 1.插入外部js文件 2.插入js代码片段 动态插入js外部文件的方法:function loadScript(url){ var script = document.createElement('script'); script.type = 'text/javascript';

2015-11-16 11:46:57 5806

原创 js获取浏览器信息--名称、版本、操作系统

在网上搜索了一些关于获取浏览器信息的文章,总结如下: var browserInfor = {}; browserInfor.getBrowserInfo = function(){ var agent = navigator.userAgent.toLowerCase() ; var sUserAgent = navigator.u

2015-06-29 17:16:55 17066 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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