自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 gnvm 更新 npm 失败

gnvm安装npm失败 · Issue #6 · Kenshin/gnvm · GitHub用gnvm安装最新的npm,失败。控制台如下图 npm releases的地址是https://github.com/npm/npm/archive/vx.x.x.zip 而你的代码中/nodehandle/npm.go中,npm releases的地址错误了 NPMDEFAULT = "https://github.com/npm/npm/releases/"https://github.com/Kenshin/g

2022-03-10 11:48:39 780

原创 微信小程序背景图片 模拟器正常显示 真机无法显示

<viewclass="container-count"style="background-image:url('mage/login/bg.png');background-size:cover;"></view>把图片转成base64完事 this.setData({ bgImg: "data:image/png;base64," + wx.getFileSystemManager().readFileSync("/image/login/...

2021-11-24 11:35:56 466

原创 el-input @input 修改v-model的值页面不生效

test(val){this.$nextTick(()=>{this.model.value =val.replace(/[\W]/g,'')})}放在异步里完事记录一下防止忘记

2021-11-20 10:09:25 1494

原创 el-checkbox-group 遇到的问题

<el-checkbox-group v-model="selectedPictures" class="all-picture" @change="selectPictures"> <div v-for="(item,index) in picturesList" :key="'pictureBox'+index" class="picture-box"> <el-image class="monitor-picture" lazy @cl

2021-06-03 15:54:57 593

原创 git commit --amend

适用场景:比方说,你的代码已经提交到git库,leader审核的时候发现有个Java文件代码有点问题,于是让你修改,通常有2种方法:方法1:leader 将你提交的所有代码 abandon掉,然后你回去 通过git reset …将代码回退到你代码提交之前的版本,然后你修改出问题的Java文件,然后 git add xx.java xxx.java -s -m “Porject : 1.修改bug…”最后通过 git push origin HEAD:refs/for/branches方法2:le

2021-04-15 14:12:08 257

转载 text-overflow

详解text-overflow语法:text-overflow:clip | ellipsis默认值:clip适用于:块级容器元素继承性:无动画性:否计算值:指定值取值:clip:当内联内容移除块容器时,将溢出部分裁切掉。ellipsis:当内联内容移除块容器时,将溢出部分替换为(…)。注意:要使得text-overflow属性生效,块容器必须显式定义overflow为非visible值,同时显式或者隐式的定义width为非auto值,white-space为nowrap值。例如:

2021-04-15 10:21:04 650

原创 yarn install使用淘宝镜像后依旧一直报超时

yarn install 安装依赖一直报超时然后使用了淘宝镜像但是使用淘宝镜像后依旧一直报超时后来卡了好久发现是hosts里的问题在补上一个# 就好了记录一下防止以后再遇到忘记

2020-12-14 14:51:28 1787

原创 nodejs(express的基本使用)

1.普通的http请求//使用 HTTP 服务器和客户端var http = require(‘http’)//创建一个web服务器 并且返回server实例var server = http.createServer()//当服务器收到request事件的时候触发后面的回调函数server.on(‘request’,function(request,response){response.setHeader(“Access-Control-Allow-Origin”,"*");console

2020-07-28 19:32:02 162

原创 正则表达式

引言正则表达式(regular expression)就是用一个“字符串”来描述一个特征,然后去验证另一个“字符串”是否符合这个特征。比如 表达式“ab+” 描述的特征是“一个 ‘a’ 和 任意个 ‘b’ ”,那么 ‘ab’, ‘abb’, ‘abbbbbbbbbb’ 都符合这个特征。正则表达式可以用来:(1)验证字符串是否符合指定特征,比如验证是否是合法的邮件地址。(2)用来查找字符串,从一个长的文本中查找符合指定特征的字符串,比查找固定字符串更加灵活方便。(3)用来替换,比普通的替换更强大。正则

2020-07-16 21:58:58 161

原创 执行期上下文

作用域这个有点不知道怎么说,感觉这个名词已经够直白了,作用域顾名思义就是其作用范围,如下代码所示:var a = ‘hello’ ;function demo1 (){var b = 0;}console.log(a); //helloconsole.log(b); //报错 Uncaught ReferenceError: b is not defined这就是作用域导致的错误,变量b在函数demo1中定义,属于局部变量,只能在demo1中才可以被调用,而变量a定义在最外层,即全局,任

2020-07-16 21:56:40 142

原创 闭包

彻底理解js中的闭包闭包是js的一个难点也是它的一个特色,是我们必须掌握的js高级特性,那么什么是闭包呢?它又有什么用呢?我们都知道,js的作用域分两种,全局和局部,基于我们所熟悉的作用域链相关知识,我们知道在js作用域环境中访问变量的权利是由内向外的,内部作用域可以获得当前作用域下的变量并且可以获得当前包含当前作用域的外层作用域下的变量,反之则不能,也就是说在外层作用域下无法获取内层作用域下的变量,同样在不同的函数作用域中也是不能相互访问彼此变量的,那么我们想在一个函数内部也有限权访问另一个函数内部的

2020-07-09 20:38:17 88

原创 BFC(Block formatting context)

BFC(Block formatting context) 块级格式化上下文BFC功能就是包住里面的东西,即使是浮动的满足其中之一的都是建立了一个BFC满足其中之一的都是建立了一个BFC功能1:爸爸管儿子用 BFC 包住浮动元素。(这 TM 不是清除浮动,.clearfix 才是清除浮动)http://js.jirengu.com/rozaxufetu/1/edit?html,css,output功能2:兄弟之间划清界限用 float + div 做左右自适应布局http://js.ji

2020-07-09 14:42:49 76

原创 js事件机制

事件事件流:分为捕获阶段、处于目标阶段、冒泡阶段三个阶段事件冒泡:从触发的对象开始,事件不断往上传递。事件捕获:从dom树一直向下传递事件直到捕获为止。事件绑定类型dom0:通过element对象调用对应的事件属性绑定特定的事件,事件会在事件冒泡阶段被捕获。function(){// 由于onclick是attr,所以可以通过.来获取 console.log(this.id); //"myBtn" }; ```dom2:通过addEventListener来绑定事件

2020-07-08 21:41:33 59

原创 js递归

递归函数就是在函数体内调用本函数;递归函数的使用要注意函数终止条件避免死循环;递归实现形式:1.声明一个具名函数,通过函数名调用function f(a){if(a<=1){return 1}else{return a*f(a-1)}}但是这样使用会因为 函数名 f 的变化而报错,f = nullf () // Uncaught TypeError: f is not a function2. 使用arguments.callee代替函数名在严格模式下不支持使用argu

2020-07-03 19:12:23 102

原创 a++和++a

1.先说一下 原理吧 ,a++是表示先把值赋给其他为数字类型的变量,自己在+1。而++a 是自己先+1, 再把值赋给数字类型的变量。2 举个列子说明一下比如一以下代码。var a=1; var b=a++;//此时输出结果b为1,a为2 3。对以上的代码我是这样理解的可以写成var a=1;var b;b=a;a=a+1;4.同理 来说说++avar a=1;var b=++a;//此时输出结果b为2,a为23。对已上的代码我是这样理解的var a=1;var b;

2020-07-01 19:41:54 1563

原创 js this

js 的 this 是个比较令人头疼的东西,尤其是在面试的时候,深受面试官的喜爱。我们今天来谈谈 js 中的 thisthis 是什么,为什么要用 this它是一个在每个函数作用域中自动定义的特殊标识符关键字, this机制提供了更优雅的方式来隐含地“传递”一个对象引用,导致更加干净的 API 设计和更容易的复用。当我们的代码和使用环境约复杂,我们就越能感受到 this 的重要性先看一段代码 let x = { num: 1, sum: function(data) { ret

2020-07-01 19:41:33 94

原创 js预编译

function mm(){ }这种形式是声明一个函数,跟 var 一个变量的机制一样,脚本在解释执行之前会做预编译处理,而var mm = function(){ }这种形式是对一个变量赋值,虽然也做预编译,但仅仅只是给 mm 事先变量分配一个内存空间,而没有做初始化请测试以下几段代码代码一:<script>window.alert(mm);function mm(){}}</script>以上代码你会看到能 alert 出来 mm 的内容,但 al

2020-06-28 19:34:15 65

原创 回调函数(callback)

JS中回调函数(callback)理解字面上理解下来就是,回调就是一个函数的调用过程。那么就从理解这个调用过程开始吧。函数a有一个参数,这个参数是个函数b,当函数a执行完以后执行函数b。那么这个过程就叫回调。其实中文也很好理解:回调,回调,就是回头调用的意思。函数a的事先干完,回头再调用函数b。举个现实的例子:约会结束后你送你女朋友回家,离别时,你肯定会说:“到家了给我发条信息,我很担心你。”对不,然后你女朋友回家以后还真给你发了条信息。小伙子,你有戏了。其实这就是一个回调的过程。你留了个函数b(要

2020-06-23 19:47:34 180

原创 js数据类型判断 前

js数据类型判断原文链接:https://www.cnblogs.com/hahazexia/p/8886829.html1,typeof判断下面是常用的类型判断console.log( typeof 123, //"number" typeof 'abc', //"string" typeof true, //"boolean" typeof [1, 2], //"object" typeof {}, //"objec

2020-06-19 19:12:22 68

原创 js数据类型与隐式类型转换

js数据类型与隐式类型转换执行环境执行环境是js中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象(variable object),环境中定义的所有变量和函数都保存在这个对象中。虽然我们写的代码无法访问这个对象,但解析器在处理数据时会在后台使用它。全局执行环境全局执行环境是最外围的一个执行环境。根据ECMAScript实现所在的宿主环境不同,表示执行环境的对象也不一样。在Web浏览器中,全局执行环境被认为是window对象

2020-06-17 20:33:41 117

原创 浏览器兼容的方法

CSS浏览器兼容性的4个解决方案Chrome,Frirefox,Safari,Edge,IE6,IE7,IE8,IE9…360安全浏览器,qq浏览器,世界之窗,TT,搜狗,opera,maxthon(傲游)……不同厂商,甚至同一厂商不同版本,对同一段CSS的解析效果也不一致,这就导致了页面显示效果不统一,也就带来了兼容性问题。多么希望Chrome能够一统江湖啊~~目前各浏览器市场份额浏览器这么多,我们也不可能每一个都要去兼容,对于用户量一般的产品,把主流浏览器的适配做好,就已经很不错啦。根据世界

2020-06-11 19:31:03 279

原创 rem布局

移动端适配之rem布局一、设备的css像素是不同的1. CSS像素(逻辑像素)可通过浏览器F12控制台查看不同机型的css像素,比如iPhone6为375px,iPhone6Plus为414pxCSS中使用的一个抽象的概念,单位是px值是相对的,并不是绝对的2. 设备像素(物理像素)屏幕的物理像素,任何设备屏幕的物理像素的数量都是固定不变的,单位是pt(点)一般指的是手机的分辨率1pt = 1/72英寸(inch)3. 像素比(DPR)物理像素 = css像素 * DPR本质:一个c

2020-06-09 19:31:34 181

原创 CSS 网页适配 iPhoneX

CSS 网页适配 iPhoneX,就是这么简单前言iPhoneX 取消了物理按键,改成底部小黑条,这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言,顶部(刘海部位)的适配问题浏览器已经做了处理,所以我们只需要关注底部与小黑条的适配问题即可(即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素)。笔者通过查阅了一些官方文档,以及结合实际项目中的一些处理经验,整理了一套简单的适配方案分享给大家,希望对大家有所帮助,以下是处理前后效果图:适配之前需要了解的几个新知识安全区域安全区

2020-06-08 19:40:02 158

空空如也

空空如也

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

TA关注的人

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