自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

卜小娴的博客

爱生活,爱运动,爱编程!

  • 博客(40)

原创 Git操作手册(一):Git的安装

一:在Linux上安装使用yum安装:yum install git,出现提示输入y并且回车就可以了使用yum安装版本不能自己控制,我们通过git --version命令可以看到版本比较老源码编译安装在github上找到git仓库,进入releases中找到自己想要的版本复制tar.gz安装包下载地址在Linux服务器,执行下载,命令为:wget https://github.com/git/git/archive/v2.28.0.tar.gz(上面复制的下载地址)安装包解压,命令

2020-09-03 18:33:28 20

原创 Git操作手册

一:Git的安装二:版本管理三:远程仓库管理四:分支管理五:标签管理六:Git相关配置

2020-09-03 18:17:49 23

原创 认识Flow

一:Flow初识Flow是Facebook出品的JavaScript静态类型检查工具,Vue2.x源码利用了Flow做静态类型检查。二:Flow工作方式类型推断:根据变量的使用上下文来推断出变量的数据类型从而进行类型检查function join(x) { return x.join(',');}join(1);报错Cannot call x.join because property join is missing in Number [1]. [prop-missing

2020-09-02 09:35:06 36

原创 Git常用命令总结

git config --global user.name “xxx” 全局配置用户名git config --global user.email “xxx@xxx” 全局配置邮箱git init (仓库名) 创建仓库ls -ah 查看隐藏的.git目录git add /. 添加文件到仓库git commit -m ‘提交说明’ 提交文件到仓库git status 查...

2019-06-27 23:12:17 72

原创 npm发包流程以及常见报错解决

npm发包流程以及常见报错解决首先到npm官网注册账号;电脑安装npm工具;打开命令行工具输入npm login回车相应输入账号密码邮箱进行登录;到对应放置package的文件夹打开命令行工具输入npm init回车输入一些包的相关信息后续会生成package.json文件;放入所需发布的代码文件,如上,入口文件是index.js文件,所以index.js文件需要module.ex...

2019-06-24 22:37:02 572

原创 虚拟机学习(一)

一:虚拟机的下载安装1.下载安装VMWare软件,这里安装的是VMware-workstation-full-10.0.0-1295980.exe 2.下载虚拟机镜像,下载地址可以是网易开源镜像站 这里选择下载的是CentOS 64位镜像 3.打开安装好的VMWare软件,创建新的虚拟机,然后可以自定义选择路径安装刚刚下载的那个镜像,建议安装信息自定义,新建虚拟机向导的时候我们记得自定义硬...

2018-04-18 14:27:27 742

原创 Git操作失败提示fatal: Unable to create 'E:/GitDemos/todolist/.git/index.lock': File exists...

今天在使用Git提交修改内容到github时,出现报错如下: 这是Git在操作过程中因为出现错误使得部分资源被上锁但没有被释放导致的,我们只需要进入项目文件下的.git文件夹中(如果没看到这个文件夹在查看中勾选显示隐藏文件夹)删除index.lock文件或者直接使用Git命令rm .git/index.lock删除该文件即可。...

2018-04-18 14:21:23 1881

原创 WebStrom2017最新版激活破解

WebStrom在2018年2月更新了,以前的很多激活码都失效了,下面这个是2018的WebStrom最新版的激活破解码: 下载安装好WebStrom2017,第一次运行程序会弹出注册对话框,我们选择License Server,在下面的输入框输入http://idea.ibdyr.com,点击Active按钮就可以了。...

2018-03-19 15:32:30 896

原创 NodeJS系列之三:NodeJS内置fs模块初识

1.fs模块介绍fs全称是file system(文件系统),它是NodeJS提供的文件操作API。fs模块用于对系统文件及目录进行读写操作,是一个非常重要的模块,对文件的操作都基于它。该模块的所有方法都有同步和异步两种方式,下面先简单介绍一下fs模块的常用方法。2.使用fs模块进行简单的读写操作读取文件 => readFile(异步读取) 和 readFileSync(同...

2018-03-15 14:38:28 3303

原创 NodeJS系列之二:NodeJS内置http模块初识

1.http模块能做什么对于NodeJS来说比较重要的一块就是http模块,我们使用http模块可以自己搭建服务器,从而监听客户端的一些请求,和客户端合作接受请求并且返回数据。2.http模块搭建简易服务器在使用NodeJS的http模块搭建服务器中,我们需要使用到http.createServer()方法,在这中间我们需要注意下面这几个点:必需首先引入http模块:requ...

2018-03-14 22:17:33 940

原创 NodeJS系列之一:NodeJS入门介绍

一:什么是NodeJS1.官方解释:Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 2.自我理解:     NodeJS是使用C++开发的,它是JS运行平台(运行环境)它采用的语法是JavaScript语法。JS是一种脚本语言,那么就需要一个解析器去解析运行,对于在浏览器网页中的JS,浏览器充当了解析器角色...

2018-03-14 15:03:29 201

原创 React Native项目端口号修改

在我们通过react-native init 【project-name】命令初始化项目的时候,创建的项目默认端口号为8081,所以当我们同时开启多个项目或者有其他任务进程占用8081端口号的时候就会报错,说端口号被占用,这时候我们就可以对当前React Native项目修改8081端口号,方法有下面两种:1.在命令行窗口以其他端口号启动运行首先在cmd命令中,在项目目录下输入:react-nati

2017-12-18 18:25:07 712

原创 JavaScript数组方法总结

以下是自己对JavaScript中数组方法的总结1.contact作用:concat() 方法用于连接两个或多个数组。 返回值:Array,连接后新数组 原数组:不改变 语法:array1.concat(array2,array3,…,arrayX) 语法参数解析:参数必须,可以是具体值或数组对象,可以为任意个数var arr1=[1,2,3,4];var arr2=['a

2017-11-08 17:19:45 256

原创 attribute和property,attr()和prop()的区别

jQuery中attr( )和prop( )都可以用来设置或者读取某元素的属性值,但是他们之间也有很大区别,prop( )是针对Dom元素属性,attr( )针对HTML元素属性,首先我们看下他们源代码,这样更有利于我们理解他们的应用场景。

2017-11-06 20:48:28 3531 1

原创 Chrome开发者工具使用小技巧

正所谓不用Chrome的开发者不合格,不晓得Chrome开发者工具进行web调试也不是合格的web开发者。所以本文总结了Chrome开发者工具使用的一些小技巧。一:首先来说下如何打开开发者工具吧:a.直接在页面上点击右键,然后选择审查元素或者检查;b.打开浏览器工具下的开发者工具;c.直接F12键;d.快捷键Command + Option+I(Ctrl+Shift+I)打开。打开后我们看到

2017-11-06 20:20:53 11167

原创 jQuery基础系列(二):jQuery属性操作方法

关于此模块分为三个部分来写:元素属性操作方法元素CSS类操作方法元素HTML代码/文本/值操作方法一:元素属性操作方法1.attr( ) 设置或读取元素属性,可读可写//语法$(selector).attr(attribute)$(selector).attr(attribute,value)$(selector).attr(attribute,function(i

2017-11-03 20:17:38 186

原创 Vue.js代理设置解决跨域问题

当我们在使用vue.js进行项目开发时,因为我们可以本地以localhost:port(端口号)这样形式启动项目进行本地调试,这个时候我们需要使用后端接口就会出现跨域问题,这是因为localhost和访问域名不一致造成,在vue-cli使用的模板插件中,就有解决这个问题的方法,它是通过使用node代理来将localhost映射成访问的域名。我们是在config下的index.js文件中进行设置,一

2017-11-02 21:08:03 5232

原创 使用Swiper4插件问题

好久没使用swiper.js插件,那天使用此插件来展现一个轮播效果,使用的是swiper4的js和css文件,正常我们初始化Swiper会这样写:<script> var mySwiper = new Swiper ('.swiper-container', { direction: 'vertical', loop: true, // 如果需要分页器

2017-11-02 20:37:18 7878 3

原创 CSS制作0.5像素线

我们知道,在移动端1px的线很粗很难看,我们设置border-width:0.5;它也会自动转为1px,又言之,直接设置宽度使其为0.5是不可能的,这里我们就提供几种方法。一:meta viewport控制//1px像素线条<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">//

2017-11-02 20:03:42 1999

原创 progress标签样式总结

HTML5里面有个新增标签progress,它可以用来表示进度,但是它的样式控制却比较特殊,正常情况下不加任何样式,它显示如下: 现在我们要设置总长度背景色和已完成进度背景色,这里在不同浏览器下使用的样式不一样,Opera浏览器只能为浏览器默认样式,即上面样式。 Chrome下:progress{ width: 168px; height: 5px; color:#f

2017-10-25 23:17:16 1723

原创 纯CSS3实现圆角效果

首先本文要实现的尖角效果图为: 这里我们使用的是CSS3的伪元素:before和:after。在此之前我们先看下面两段代码和对应效果图://css代码div{ width: 0; height: 0; border-style: solid; border-width: 10px 25px; border-color:#f00 #ff0 #0f

2017-10-01 00:02:46 683

原创 JavaScript数据类型的判断

判断JS数据类型的方法有:typeof,instanceof,constructor,prototype,$.type()/jquery.type().1.typeoftypeof最常见的数据类型判断方法,使用方式:typeof 变量//判断基本数据类型var a;console.log(typeof a); //undefinedvar b = null;console.log

2017-09-30 18:14:07 473

原创 JavaScript数据类型

最近几篇博文总结JavaScript数据类型相关知识点,记录它的分类,类型判断和转换等JavaScript数据类型可以分为基本数据类型和引用数据类型两种,本文从这两个方向对JS数据类型的定义总结。一:JS基本数据类型1.Undefined定义:变量声明了但是没有赋值,为undefined。var a;console.log(a); //undefined2.Null定义:变量声明且赋值为n

2017-09-30 15:54:07 292

原创 JS弹出遮罩层后底部页面不滚动实现

在我们开发过程中,我们经常会遇到这样的问题,在页面上弹出一个弹层,但是底部页面却可以滚动,本文实现JS弹出遮罩层后底部页面不滚动效果。首先效果如图,这里我们需要点击页面头部一个按钮才出现弹层,这里是弹层出现后底部页面滑动到下面的效果图: 这里只需CSS就可实现,代码如下://弹层CSS代码.paydiv{ position: fixed; left: 0; top:0;

2017-09-29 10:46:28 5693

原创 vue.js阻止事件冒泡和默认事件

首先我们来看原生JS取消事件冒泡方法:e.stopPropagation(); //非IE浏览器window.event.cancelBubble = true; //IE浏览器原生JS阻止默认事件方法:e.preventDefault(); //非IE浏览器window.event.returnValue = false; //IE浏览器而vue.js给我们提供了更简便的

2017-09-27 18:23:32 17990

原创 JavaScript中的循环

在JavaScript中,有以下几种方式可以进行不同类型循环操作。以下有变量值条件判断必须有改变变量值的程序,不然循环会一直进行导致浏览器崩溃一:for循环 - 循环代码块一定的次数//必须三个语句,两个分号分割// 第一个语句初始化循环中所用的变量,可无变量或任意个变量 (var i=0)// 第二个语句初始变量是否能进行循环操作的评判条件,条件结果为true运行,false跳出循环,可选 (

2017-09-24 22:14:52 683

原创 HTML5 Web存储之localStorage和sessionStorage

本文要讲的localStorage和sessionStorage方法都是HTML5中的新方法,也可以完整写成window.localStorage或者window.sessionStorage用于客户端存储数据,两种方法的使用方法是一样的,唯一区别是在存储时效不同。 通过在浏览器上打印这两个方法,我们可以得到它们所有的方法和属性如下: 一:localStorage和sessionStorage特

2017-09-22 20:51:00 378

原创 Vue.js项目引入less文件报错解决

最近用vue-cli+webpack构建项目时,当在app.vue或者其他组件中中引入less文件时会报错,如下所示:import '@/less/detail.less'报错如下: 根据报错信息说是相关依赖babel-loader和vue-loader没有找到,但是我们npm i babel-loader vue-loader依然报错此信息。 正常情况下在webpack的配置文件中已经配置

2017-09-21 18:23:28 10363

原创 jQuery基础系列(一):jQuery选择器

本系列说明:此系列主要总结jQuery基础知识,会持续更新,内容也会逐渐深入,欢迎关注! jQuery选择器可以归类分为基本选择器,层级选择器,过滤选择器和表单选择器。通过jQuery选择器我们能够更快更方便的选择到对应的元素或者元素组,进行相关DOM节点操作。一:jQuery基本选择器1.id选择器 $('#id') eg:$('#app')2.class选择器 $(

2017-09-15 18:28:11 165

原创 使用npm install报错-4048 operation not permitted解决

这几天使用npm install时一直报错-4048 operation not permitted,也尝试了多种方法,终于使问题得到解决,这里总结几种方法,先贴图: 一:权限问题首先看到operation not permitted我们能想到权限问题,所以这时候我们可以以管理员身份运行cmd或者直接快捷键Win+X来打开。二:依赖包错误如上图,根据错误日志我们可以明显看到这个错误minimatc

2017-09-15 00:11:10 18283 3

原创 移动端解决onclick事件元素出现背景色框问题

当我们在移动端给元素添加点击事件时我们会发现点击时元素会默认出现一个背景色框或者高亮显示,这个时候我们就需要使用-webkit-tap-highlight-color属性来解决,它的原理是使用用户自定义颜色值覆盖原先的高亮色,使用如下: -webkit-tap-highlight-color:transparent/color; 用户可以自定义取值,当取值transparent时将不会出现背景色

2017-09-11 23:31:52 1040

原创 解决inline和inline-block元素的默认间距问题

经常我们会碰到多个inline元素和inline-block元素同行展示时会出现间距问题,而我们已经处理了margin:0;和padding:0;如下: 这种默认间距也被称为元素留白间距,是我们在编辑器coding时对于inline或inline-block元素进行换行编写,元素进行留白引起,解决办法有以下四种:方法一:把标签内容写在同一行 此方法直接针对引起原因进行处理,所以当我们把代码写在

2017-07-31 17:48:52 1989

原创 css中overflow的那些坑

元素的overflow属性是用来规定当内容溢出元素框时发生的事情,设置单个方向的overflow-x和overflow-y同理,它有五个值,visible(默认),hidden,scroll,auto,inherit,现在我们先来简单说下这几个属性值: visible:默认值,它会把内容完全展现出来,即使内容超出已定义的父元素大小,它还是会超出部分按正常显示,但是也不会影响其他元素的布局。 hi

2017-07-31 16:57:41 14571

原创 移动端禁止长按图片弹出菜单和禁止文本选择

禁止长按图片弹出菜单img{ pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -webkit-user-select:none; -o-user-select:none; user-select:n

2017-07-27 20:53:53 6183 3

原创 Vue.js中的图片引用路径

当我们在Vue.js项目中引用图片时,关于图片路径有以下几种情形:使用一我们在data里面定义好图片路径imgUrl:'../assets/logo.png'然后,在template模板里面/*错误写法*/<img src="{{imgUrl}}">这样是错误的写法,我们应该用v-bind绑定图片的srcs属性<img :src="imgUrl">或者<img src="../assets/log

2017-07-27 20:39:02 27256 3

原创 Vue2.0+Webpack项目环境构建到发布

使用vue2.0+webpack搭建项目的步骤如下,以下全在命令窗口输入命令语句: 安装node和npmnode下载:node下载地址 新版的node集成了npm,所以node安装好后npm也一并安装好了,我们可以通过cmd命令行窗口输入:node -v , npm -v来查看是否安装好 使用npm安装模板等速度过慢,我们可以使用国内淘宝镜像来安装:npm install -g cnpm –r

2017-07-13 09:11:51 3362 1

原创 使用Fiddler本地资源替换进行线上调试

今天我们就来说下如何使用Fiddler工具进行本地文件映射到线上服务器来进行线上调试,这里我们要使用的是Fiddler的AutoResponder。设置映射规则和映射文件选中AutoResponder 然后将下面的前面两个选项进行勾选,第三个Enable Latency可以进行自由勾选, 点击Add Rule 上面填写线上地址,下面填写本地文件地址,可以单文件也可以整个文件夹目录,如下: 上

2017-07-12 15:59:50 2934 1

原创 Vue.js指令篇之自定义指令

Vue.js学习笔记指令篇之自定义指令

2017-07-04 23:40:40 2366

原创 小前端的自我学习之旅:Servlet初体验

Servlet简介Servlet是什么Java Servlet 是运行在 Web 服务器或应用服务器上的程序,它是作为来自 Web 浏览器或其他 HTTP 客户端的请求和 HTTP 服务器上的数据库或应用程序之间的中间层。使用 Servlet,您可以收集来自网页表单的用户输入,呈现来自数据库或者其他源的记录,还可以动态创建网页。Servlet的优势性能明显更好Servlet 在 Web 服务器的

2017-06-10 00:22:09 1135

原创 Java Web环境配置

对于Java Web开发来说首要任务就是对环境的配置,Java Web环境配置主要有以下几个步骤:Java环境的配置Tomcat的安装及环境配置Eclipse的安装及配置Java环境的配置jdk下载安装:官网地址:jdk下载 下载好按照提示进行安装,先是jdk后是jre环境变量配置:主要涉及变量:JAVA_HOME,path(主要前两个变量,classpath是关于Java类或包地址,可以

2017-06-09 01:11:38 1633 1

空空如也

空空如也

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