自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

王小森的成长博客

我想在这里记录自己的成长轨迹,不管是对是错,是好是坏。

  • 博客(93)
  • 资源 (1)
  • 收藏
  • 关注

原创 vue中watch的理解小记

通过路由id的变化使组件重组,可以用watch来监听id,watch的使用方法。

2017-11-09 10:58:00 40978 6

原创 vue中图片加载不出来的问题

在vue中普通的img标签的普通 的src属性,加载不出来图片, 你应该发现它们的地址都是经过解析的,与原来的不一样。 你可能只是忘了在src属性中加上这些东西: “ ./”所以导致vue不解析该地址。

2017-09-21 17:37:54 16283 4

原创 vue.js中this.$emit的理解

对于vue.js中的this.emit的理解:this.emit的理解: this.emit(‘increment1’,”这个位子是可以加参数的”);其实它的作用就是触发自定义函数。

2017-07-17 17:27:52 75549 7

原创 vue组件中camelCased (驼峰式) 命名与 kebab-case(短横线命名)

vue中组件和html中命名方式(camelCase 和 kebab-case )的分析理解

2017-07-12 10:13:47 46159 6

原创 vue.js中修饰符.stop的用法。

vue中用来阻止冒泡发生的方法,.stop修饰符的用法。

2017-06-26 10:10:39 35843

原创 vue.js 中的在v-for节点中嵌入 v-if 的解释

是否可以在 v-for中嵌入v-if???

2017-06-20 16:25:50 11766 1

原创 echarts做圆环渐变进度条

echarts做圆环渐变进度条

2022-11-17 12:35:29 2489 1

原创 数字每三位加逗号

数字每三位加逗号

2022-08-11 11:32:47 262

原创 克隆码云远程库的时候权限错误

在克隆码云远程库的时候 提示You do not have permission to pull the repository 的错误。是因为没有访问远程库的权限。解决方法:解决方案:1、打开电脑的 控制面板 ;2、搜索 Windows凭据 ;3、在 普通凭证 git:https://gitee.com 并点击;4、点击编辑;5、输入登录 账户密码;6、点击确定;...

2021-05-27 14:38:41 363

原创 提交代码到码云

一、git add . 添加本地文件到本地仓库二、git commit -m ‘提交描述’ 添加提交描述信息三、git pull origin master 提交前从远程仓库主分支中拉取请求四、git push -u origin master 提交至远程库。

2021-05-27 14:29:23 116

原创 浏览器请求的表格总是之前缓存的数据。

从后台请求导出表格,获取到的表格总是缓存的表格。而在postman上请求过来的数据是最新的,在浏览器中请求到的,就是原来缓存到的。解决方法:在请求头中设置 “ ‘Cache-Control’:‘no-cache’ ”,强制每次请求都从后台获取最新资源。关于 'Cache-Control’的作用:‘Cache-Control’指定所有缓存机制的命令。public :所有内容都将被缓存(客户端和代理服务器都可缓存)private 内容只缓存到私有缓存中(仅客户端可以缓存,代理服务器不可

2021-05-27 14:25:32 257

原创 uni-icons 组件出现undefined

HBuilder 更新以后,之前写的代码打包后出现了一些问题。<uni-icons class="in-btn" size="24" type="plus" color="#fb2e03" @click="plus()"></uni-icons>就是这个打包成app后会显示为undefined,而图标不显示。h5是没有问题的,只出现在安卓和ios上面。解决办法:方法1、在方法里加一个型参,<uni-icons class="in-btn" size="24" typ

2021-05-27 14:11:09 2324 2

原创 uniapp 中如何修改radio/checkbox(单选框/复选项)样式大小

<label><checkbox value="cb" checked="true" color="#FFCC33" style="transform:scale(0.7)" />选中 </label>直接在标签内加上相应的属性就行了。color:是选中时对勾的颜色;transform:scale(0.7)是选框的大小缩小的倍数...

2020-06-24 16:43:49 9808 2

原创 ElementUI 中Select和Input组件修改宽、高

如何改变select、input的宽、高1、直接修改如下(只能修改其宽度):<el-input style="width: 200px; " placeholder="请输入内容"> </el-input>2、给组件加一个类名(可以修改宽度和高度):<el-input class="input-box" placeholder="请输入内容"></el-input>//样式为.input-box input{ width: 200px

2020-06-22 18:31:05 7434 2

原创 elementUI中popover弹框组件,使用多个popover组件时,遇到的问题

分为两步:在页面中顺便一个位置写一个按钮,按钮的样式为假隐藏状态(不让其占据位置空间);<el-button ref="popo" id="popo-btn" ></el-button>#popo-btn{ width: 0; height: 0; border: none; padding: 0; margin: 0; }在点击按钮执行的方法中模拟点击按钮,就可以了this.$refs.popo.$el.click()快去试一试吧.

2020-06-18 19:29:31 4141

原创 阿里云轻量服务器的使用

登录远程服务器sudo su root进入home文件夹cd …1.安装nvm1,nvm git地址点击打开链接,安装命令curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bashor Wget:wget -qO- https://raw.githubusercontent...

2019-12-26 11:28:34 368

原创 什么是金融界的NP服务?

什么是NP服务?NP取自new pay的首字母,也就是新支付的意思。NP服务是一款新业务支付、营销、结算工具,具有延展信用卡账单功能,是中小企业或个人短期融资利器。NP服务分为NP收款、NP还款等服务。NP60NP收款NP收款有两个收款通道:NP60通道和NP90通道。这两个通道是自动选择的。NP60通道:消费时间在账单日前13天至账单日之间,是选择该通道。NP90NP90通道...

2019-11-12 14:41:20 2641

原创 分享一个64位的PS安装包

无需破解,一键安装。获取地址:链接:https://pan.baidu.com/s/14OwRfy7IiZgWTwKgnIUeRg提取码:cymt

2019-10-14 15:30:13 2999 2

原创 vue打包后放到服务器上路由不跳转,可能只需一步就解决了。

将路由配置文件中的mode:'history’注释掉,或者改为hash。因为为history的时候需要后台配置若找不到资源定位到依赖页面。

2019-08-11 09:04:37 11722 5

原创 将vue项目打包放到本地的express上,只需要五步。

一、用node的框架express创建本地的服务器。二、将打包好的vue项目中dist文件放到express中的public文件夹中。三、改express中的app.js文件: 将app.use(’/’, indexRouter)注释掉。四、npm start启动server服务器。五、访问http://localhost:3000/#/即可。...

2019-08-11 08:58:19 2066

原创 elementUI在vue中的使用步骤

1、安装npm i element-ui -s2、安装成功后,在项目中的main.js中引用elementUImport ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'//elementUI的样式需要单独的引用。Vue.use(ElementUI)3、可以在vue组件中进行使用了。...

2019-08-08 08:37:08 570

原创 上传图片并预览

HTML:<input accept="image/*" name=" fileImage" type="file" onchange="upload"><img src="" id="img">JS:upload = function(e){ let file = e.target.files[0];//file为需要上传的数据。 let fileRead...

2019-07-26 16:37:23 142

原创 FormData——编辑表单数据

formData对象的创建。//创建空对象let formData= new FormData();//对空对象添加数据formData.append("file","value","filename")//file就是上传数据的name值,value就是上传的数据,filename就是上传的文件名(可选)。//或者序列化form表格<form id="advForm">...

2019-07-26 11:13:15 2487

原创 express上传图片之——multer一

老步骤,安装、引用。npm install multerlet multer = require("multer");let storage = multer.diskStorage({ destination: __dirname+'/../../uploads',//此处为上传的地址,可以是函数。 filename: function(req,file,cd){ cd(n...

2019-07-25 21:24:54 327

原创 vue过渡动画之——过渡类名

过渡类名的使用<transition name="fade"> <div class="el"></div></transiton>v-enter:进入时,开始动的状态(开始变化的一个状态,当变化开始时移除)。v-enter-active:变化的一个过程(从变化开始到变化结束)。这个类可以被用来定义进入过渡的过程时间,延迟和曲线函数。...

2019-07-15 10:53:58 1266

原创 vue-infinite-scroll:滚动加载vue插件(一)

一、下载 vue-infinite-scroll:npm install vue-infinite-scroll --save二、main.js配置vue-infinite-scroll:import infiniteScroll from 'vue-infinite-scroll'Vue.use( infiniteScroll);三、组件中使用:<div v-infin...

2019-07-11 18:03:49 1804

原创 vue图片懒加载插件vue-lazyload的使用(一)

一:npm下载插件:npm vue-lazyload -d二、main.js引入:import vueLazyLoad from “vue-lazyload”;Vue.use(vueLazyLoad, { preload:1.3,//加载高度比。 loading:"../..jpg",//加载时的过渡图片 error:"...jpg",//加载失败的图片 attempt: 3/...

2019-07-11 16:20:58 1108 1

转载 css清除样式

html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: 0; padding: 0;}ul,ol { list-style: none;} img { border: none; ...

2019-07-10 22:41:54 1727

原创 鼠标hover效果——元素凸起并产生阴影

.hover:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 0 6px #999; box-shadow: 0 0 6px #999; -w...

2019-07-10 22:38:43 8185

原创 让内容上下左右居中

让盒子中的内容上下左右居中。在盒子上添加样式display:flex;在需要居中的元素上添加:margin: auto;即可;若想让文本上下左右居中:在盒子上添加: align-items: center; justify-content: center; 就可以了;...

2019-07-10 22:22:18 508

原创 rem在移动端的应用

1rem为页面根目录的字体大小。若:html{ font-size:20px};则1rem = 20px在移动页面的具体应用。移动端的设计稿一般都是iphone6为基础设计的,设计稿的宽为750px;手机的物理尺寸是375px;所以在用css的时候,设计尺寸需要初以2;要用rem完成移动端的适配,需要固定浏览器的显示宽度不变。第一:设置meta头<meta name="vi...

2019-07-10 17:27:54 353

原创 中央事件总线插件Vue-bus

在vue中用于组件之间的通讯有多种方法,其中包括vuex,和中央事件总线bus;而vuex与bus又有一些区别。vuex比较强大,bus比较简单。vuex可用于更为复杂的组件通讯中,还可以进行逻辑处理。而bus则是数据传输创建一个vue-bus插件:创建vue-bus.jsconst install= function(Vue){ const Bus = new Vue({ me...

2019-07-08 17:21:23 381

原创 在vue使用bootstrap的相关配置问题

由于bootstrap是依赖于jquery的,所以在使用时应该先安装jquery。安装npm install jquery bootstrap@3 popper.js --save然后应该在项目中配置一下内容:在webpack.base.conf.js中:添加:module.exports={ }中添加配置 plugins: [ new webpack.optimize....

2019-07-05 14:31:00 521

原创 响应式button按钮样式修改

.button{ padding: .3em .8em; border: 1px solid rgba(0,0,0,.1); background: #58a linear-gradient(hsla(0,0%,100%,.2), transparent); border-radius: .2em; box-shadow: 0 .05em .25em rgba(0,0,0,.5)...

2019-07-04 16:43:32 1298

原创 再再识vuex——命名空间

所谓命名空间就是给各自加上一个空间名字,宣布一下主权,就像哈巴狗撒尿一样。namespaced:true,然后就把主权给商定了。访问带有命名空间的module方法有一下:this.$store.getters["a/gettersA"]this.$store.dispatch('a/actionsA',4444)this.$store.commit('a/mutationsA',33...

2019-07-02 16:37:34 586

原创 再识vuex——modules

学习vuex不是难在store的前四个属性上,而是难在前四个属性与第五个属性modules一起使用上。经过研究,终于找到了一个好的理解方法上。使用 modules的格式:let moduleA={ state:{ }, getters: { }, mutations:{ }, actions:{ }}let moduleB={ state:{ ...

2019-07-02 15:32:36 793

原创 初识——vuex

在main.js中引用vueximport Vuex from “vuex”vue.use(Vuex)const store = new Vuex.Store({})//Store首字母大写store中有四个属性: state 、getters、mutations、actions、modules;state存放需要管理的数据。格式为:state:{data1:"",da...

2019-07-02 00:25:25 151

原创 做vue+express+mongoDB项目时,跨域配置了,路由也配置的,都是正确的,就是跳转不到指定页面

做项目时,你可能会发现,跨域配置了,路由也配置的,都是正确的,就是跳转不到指定页面。就是http://localhost:3000/order可以请求出来数据,http://localhost:8080/order就是跳转不到指定的页面。很恼、很气是不是?此时你或许只是忘记npm run dev 启动项目了。(每次配置跨域的时候都要重新启动项目的。)更气!更恼!!!有没有?...

2019-07-01 09:42:04 294

原创 axios的使用

Axios 是一个基于 promise 的 HTTP 库,可以在vue中进行数据请求即响应。安装方法:$ npm install axios<script src="https://unpkg.com/axios/dist/axios.min.js"></script>主要的使用方法GET和POST:import axios from (“axios”)//...

2019-06-28 16:33:47 450

原创 Vue中的filter过滤器是使用方法

在Vue中filter过滤器是一个非常强大的功能。个人觉得称它为加工车间会更加贴切一些。过滤器可以用来筛选出符合条件的,丢弃不符合条件的;加工车间既可以筛选,又可以对筛选出来的进行加工。一、filter的作用是:对值进行筛选加工。二、使用的地方有两个位置,和两个方式。{{ msg | filterA }}双括号插值内。<h1 v-bind:id=" msg | filt...

2019-06-28 15:02:32 25701 1

base_wang.css

清除css默认样式,还有一个可响应的按钮(只需改变颜色),

2019-07-11

空空如也

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

TA关注的人

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