kairrys

原创 setTimeout在vue中的正确使用

最近因为公司需求开发使用vue开发项目，在开发到某个表单提交功能时（提交之后先出现对应的消息提示弹窗，提示弹窗消失之后再跳转到相应的页面），使用到setTimeout函数。遇到了1个坑:

原创 Vue项目中-sass的安装以及基本使用语法

咱们闲话少说，直接上干货了~PS. 语法格式 (Syntax) .sass和.scss的区别Sass 有两种语法格式。首先是 SCSS (Sassy CSS) —— 也是本文示例所使用的格式 —— 这种格式仅在 CSS3 语法的基础上进行拓展，所有 CSS3 语法在 SCSS 中都是通用的，同时加入 Sass 的特色功能。此外，SCSS 也支持大多数 CSS hacks 写法以及浏览器...

原创 VUE项目关闭Eslint语法检测的方法

VUE项目关闭Eslint语法检测的方法平时在开发vue项目的时候，总是在创建项目时习惯性的开启Eslint语法检测，但是在实际写代码的过程中就会因为代码的语法问题各种不爽，所以在这里就和小伙伴们分享一下关闭Eslint语法检测的方法（小伙伴们可以自己项目的结合实际情况来判断是否需要关闭Eslint语法检测）。方法如下：首先在你的项目中找到build文件夹下面的webpack.base.co...

原创 解决vue组件props传值,对象获取不到的问题

vue组件props传值,对象获取不到的问题问题描述：父组件利用props向子组件传值，浏览器console有这个值，但是获取不到对象里的属性，console对象的属性值，打印出来值为undefined。父组件定义了testobj这个对象。在父组件接口中给这个值重新赋值。子组件接受这个值,谷歌浏览器console能看到这个值，但是取不到属性的值。watch也监听不到testobj对象值的变化代码如下：父组件代码<!-- 子组件 --> <market-nav :test

转载 图解_proto_和prototype的关系及区别

原型是javascript面向对象编程中非常重要的概念，而且并不是那么容易懂。偶然看到一个题目：阐述proto和prototype的关系。看到这个问题的时候，我的脑海浮现出一些概念，但却说不出来。先来看一张图如果能看懂图中的关系基本上就可以解释出proto和prototype的关系和区别了所以接下来一一介绍图中的一些概念构造函数使用构造函数创建对象Person就是一个构造函数，通过new创建了person1对象实例其实构造函数就和普通函数没有多大区别，首字母大写只是约定俗成，不大写照样可以。

原创 js 构造函数

原创 vue安装node-sass编译报错

在搭建vue脚手架 或者是在vue项目中，想使用sass的功能npm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev //安装sass-loader npm install style-loader --save-dev //安装style-loader安装完成后，运行时出现了错误Modele build failed: TypeError: this.getResolve i

原创 给vue项目设置浏览器logo

通过看vue项目的目录结构，根目录下有一个index.html，这个就相当于我们普通项目中的各个html页面文件，所以设置方法就是在index.html的head标签中添加link标签。这里要注意的是图标文件的位置，不能放到src里，这样的路径会让浏览器找不到。网页把根域名作为相对路径的根目录了，然而我们文件的路径是相对于项目文件的根目录的，因此就找不到了。因此，图片一类的静态文件，应该放在这个static文件夹下，这个文件夹下的文件（夹）会按照原本的结构放在网站根目录下。这时我们使用static绝对.

原创 npm run dev error [npm ERR! code ELIFECYCLE]

node_modules安装问题，执行以下：rm -rf node_modulesrm package-lock.jsonnpm cache clear --forcenpm install在git中执行上述代码

原创 解决小程序自定义蒙层下面的页面可以滚动问题

1.蒙层pop没有滚动事件的情况可以在pop这个view上直接添加事件catchtouchmove="ture"来防止滚动或者写一个方法也可以代码如下：<view class="pop" catchtouchmove="true"></view>

原创 git关联远程仓库和删除远程仓库

关联远程仓库//ssh url //http url//projectname 一般默认是origingit remote add projectname url删除远程仓库git remote remove projectname

原创 解决移动端vue项目当弹出弹窗时，弹窗蒙层下的页面仍然可以滑动问题

问题：移动端vue项目，当弹窗出现时，弹窗下的蒙层下面的页面仍然可以滑动解决方案：在弹窗最外层的div标签上加上 @touchmove.prevent这样就ok了ps：安卓机自带浏览器、QQ、微信、企业微信亲测有效(仅供参考)来个ios的bro说下效果，看下是不是也ok...

原创 正则表达式验证手机号码、邮箱

正则验证手机号：因为手机号一般有以上号段，所以正则表达式为：以数字1开头第二位数字为3到9再加上9为数字组成一个完整的11位手机号码var regx = /^1[3-9]\d{9}$/ //或者以下写法 var regx = /^1(3|4|5|6|7|8|9)\d{9}$/var phone = "15270826078"regx.test(phone)...

原创 如何将从接口返回的值 存储到vuex的state的某个属性中

不知道如何开始使用vuex的小伙伴可以看这里vuex官网，文档里面有详细的使用讲解首先我们创建好一个store和初始的state对象======== 注意看这里 =========更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数...

原创 Git常用命令及方法大全

下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。Workspace：工作区Index / Stage：暂存区Repository：仓库区（或本地仓库）Remote：远程仓库本地分支关联远程：git branch --set-upstream-to=origin/beta beta一、新建代码库在当前目录新建一个Git代码库$ git init新建一个目录，将其初始...

原创 vue 项目多选

HTML：js:点击事件：效果：码字不易，希望对大家有所帮助

原创 js中的 || 与 && 运算符详解（着重说一下运算符两边为纯数字的情况）

js中逻辑运算符在开发中可以算是比较常见的运算符了，主要有三种：逻辑与&&、逻辑或||和逻辑非！。当&&和|| 连接语句时，两边的语句会转化为布尔类型（Boolean），然后再进行运算，具体的运算规则如下：PS:数字里面只有0可以转化为false其它的所有数字都可以转化为true1.&&1.1两边条件都为true时，结果才为true；...

原创 webpack 之 UglifyJsPlugin

uglifyJsPlugin 用来对js文件进行压缩，从而减小js文件的大小，加速load速度。uglifyJsPlugin会拖慢webpack的编译速度，所有建议在开发简单将其关闭，部署的时候再将其打开。安装npm i -D uglifyjs-webpack-plugin用法const UglifyJsPlugin = require('uglifyjs-webpack-plugin...

原创 Vue打包后出现map文件的解决方法

问题： 可能很多人在做vue项目打包，打包之后js中，会自动生成一些map文件，那我们怎么把它去掉不要呢？解决办法：去src/config/index.js中改一个参数：productionSourceMap:false把这个改为false。不然在最终打包的文件中会出现map文件，map文件的作用在于：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代...

原创 如何利用CSS伪类选择器实现三角形(空心和实心)

先来写个实心三角形.box_right,.box_bottom { width: 200px; height: 120px; background: #fff; position: relative; border-radius: 10px; } .box_bottom:after { content: ''; width: 0...

原创 CSS3 box-shadow属性基础

定义和用法box-shadow 属性向框添加一个或多个阴影。语法box-shadow: h-shadow v-shadow blur spread color inset;注释：box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表，每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。值 描述 h-shado...

原创 scss的基本用法

一、父选择器 & (Referencing Parent Selectors: &)在嵌套 CSS 规则时，有时也需要直接使用嵌套外层的父选择器，例如，当给某个元素设定 hover 样式时，或者当 body 元素有某个 classname 时，可以用 & 代表嵌套规则外层的父选择器。a { font-weight: bold; text-decoration: ...

转载 vue2.0之axios使用详解

使用说明##Axiosnpm versionbuild statuscode coveragenpm downloadsgitter chatAxios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。Features从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求...

转载 浅显易懂的Git常用功能教程！

一、安装git在Windows上安装Git在Windows上使用Git，可以从Git官网直接下载安装程序，（网速慢的同学请移步国内镜像），然后按默认选项安装即可。安装完成后，在开始菜单里找到“Git”->“Git Bash”，蹦出一个类似命令行窗口的东西，就说明Git安装成功！install-git-on-windows安装完成后，还需要最后一步设置，在命令行输入：$ git c...