- 博客(27)
- 收藏
- 关注
原创 活不明白/2021/3/6
两年来没有更新文章了,以后会保持持续的输出学习。自打毕业以后到现在已经三年多了,如果到今年的7月份,应该算是毕业四年的一个人了。刚毕业的时候从事了酒店的前台,公众号的编辑,甚至是参与了一天的运营(发现没什么事情做),一天的销售(跟着销售的龙刚大哥其实就是出去接广告,比较固定的群体),可能对于什么事情都看的比较透彻,所以也就活得不太明白,感觉这些都不是我想要做的工作。最初对于新媒体编辑,其实就是写文章嘛,作为一个文科生还是比较感兴趣的,后来发现其实就是写写新闻,也感觉这样做着索然无味。年前二舅说他有个朋友
2021-03-06 23:47:21
232
2
原创 vue 项目初始化准备,踩坑记录,持续更新(仅供自己参考)
安装sassnpm install node-sass --save-devnpm install sass-loader --save-dev
2019-09-04 10:31:34
322
原创 vue组件传值之 eventBus 使用指南
VUE eventBus问题背景:组件传值;在项目开发中,会发现组件传值是一个组基本的操作,也是用的最多的。但是很多时候可能涉及到爷爷和孙子,甚至重孙子之间需要的传值。这个时候eventBus就到了大显身手的时候了。eventBus 嗯 ,就叫一个事件公共汽车吧。每个人把需要共享给别人的物品就放在这个车上,谁需要了就可以去拿,这样子是不是很方便,每个人都可以访问到,每个人也可以往这个车子上放东...
2019-04-24 11:31:47
2370
1
原创 页面布局——float之清除浮动
长期以来,很多人都以为清浮动的含义就是清除浮动,实际上清浮动是指清除浮动造成的影响,即给子元素使用float 会造成父级元素高度塌陷,为此需要清浮动。浮动破坏了 line-box 才会浮动;本质:清除浮动的影响,解决父级元素塌陷;解决方法:给父级元素设置高度(局限性:在子元素高度不固定的情况下无法解决,扩展性不好);clear:both;.clear{*zoom:1;//缩放,...
2019-04-18 23:42:55
296
原创 循环大合集——for in,for of ,forEach,扩展运算符...,Array from
for inlet arrs=[1,2,3,4,5]for(let item in arrs){console.log(item)}//0,1,2,3,4for (let item of arrs){console.log(item)}//1,2,3,4,5arrs.forEach((value,key)=>{console.log(value,key)})//...
2019-02-12 11:48:58
218
原创 如何实现对象的浅拷贝
Object.assignlet a={ age:1}let b=Object.assign({},a)a.age=2console.log(b.age)//1…let a={age:1}let b={...a}a.age=2console.log(b.age)//1JSON.parse(JSON.stringify(object))
2019-02-11 17:13:59
1398
2
原创 Vue3.0踩坑计之-init 如何兼容2.0版本
在vue 3.0 进行更新后,会覆盖掉2.0的版本,其中init 将不可以再进行使用,由于很多第三方插件都依赖于init 进行初始化,譬如,mpvue 初始化项目的命令vue init mpvue/mpvue-quickstart my-project此时会报错那么如何解决呢?只需要一行代码 即可兼容2.0 使得 init 2.0的命令可以正常使用npm install -g @vu...
2019-01-15 14:29:06
3936
原创 react父子组件传值
父组件给子组件传值Home 为父组件 ,Children 为子组件值得注意的是,父组件不仅可以给子组件传值,还可以给子组件传方法,以及把整个父组件传给子组件。父组件调用子组件的方法//传值<Children msg="首页"></Children>//在子组件中this.props.msg 就可以拿到//方法与传值一样//传递整个父组件<Child...
2018-12-29 10:57:58
190
转载 金额保留两位小数,金额千分号,文本超出位数变引号方法
export function getNum(num) { return (num || 0).toString().replace(/\d+/, function (n) { var len = n.length; if (len % 3 === 0) { return n.replace(/(\d{3})/g, ',$1').sl...
2018-12-27 14:36:57
1903
原创 react 执行函数 获取this指向
在事件上绑定this 从而改变this 指向<button onClick={this.getData.bind(this)}>点击</button>在构造函数里进行绑定thisconstructor(){ super(); this.state={ }; this.getData=this.getData.bind(this)}3.箭...
2018-12-27 12:03:52
1206
2
原创 react 初始化项目的两种方法
第一种安装脚手架npm install -g create-react-app创建项目create-react-app reactdemo启动项目cd reactdemonpm start 运行项目npm run build 生成项目第二种npx create-react-app reactdemo...
2018-12-27 09:46:57
3141
原创 ES6字符串扩展
字符串模板,``和${’’}let a=` &amp;amp;lt;ul&amp;amp;gt; &amp;amp;lt;li&amp;amp;gt;${'哈哈'}&amp;amp;lt;/li&amp;amp;gt; &amp;amp;lt;/ul&amp;amp;gt;`
2018-12-06 15:38:00
137
原创 ES6-Map数据结构
Map的出现是由于在使用obj中,只可以使用字符串当做键名;Es6便出现了提供了Map这种数据结构,可以进行值对值的对应。创建Map Map 与 Set 都是构造函数let a=new Map([['a',1],['b',2]])console.log(a)输出Map的属性与Set一样,size;a.sizeconsole.log(a.size)//输出2...
2018-12-06 11:38:46
184
原创 ES6 Set进行数组去重
废话不说直接上代码 let a=[1,2,3,4,5,6,1,2,3,2,1,2] let b=new Set() let c=[]; a.forEach(function (value,key,arr){ b.add(value) }) b.forEach(function (value,key,arr) {...
2018-12-06 10:49:16
1405
原创 ES6-数据结构set
集合的基本概念:集合是由一组无序且唯一(即不能重复)的项组成的。这个数据结构使用了与有限集合相同的术教学概念,应用在计算机的数据结构中。特点: key和value相同,没有重复的value.Es6 提供了数据结构 Set,类似于数组,但成员都是唯一的,没有重复的值。创建 Setlet a = new Set=([1,2,3])console.log(a);//输出![结果](C:...
2018-12-06 10:06:56
134
原创 ES6-变量的结构赋值
基本概念本质上就是一种匹配模式,只要等号两边的模式相同,name左边的变量就可以被赋予对应的值。结构赋值分为三种类型:数组的结构赋值对象的结构赋值基本类型的结构赋值示例一 数组的结构赋值let [a,b,c]=[1,2,3]console.log(a,b,c)//输出 1 2 3let [ a , [ [ b ] , c ] ] = [ 1 , [ [ 2 ] , 3...
2018-12-06 09:56:56
320
原创 js定时器的清除
这里只写setInterval//每次点击事情先清除定时器clearInterval(a)var a=setInterval(function () { that.payMaText--; if(that.payMaText<=1){ that.sendPayMa=false; that.payMa...
2018-12-04 16:01:07
5497
1
原创 Vue-router
安装npm install vue-router --save引入模块import VueRouter from 'vue-router'作为vue的插件Vue.use(VueRouter)创建路由实例对象new Vue({ ...配置参数})注入Vue选项参数new Vue({router})告诉路由渲染的位置<router...
2018-12-04 09:34:28
116
原创 element-UI 分页器Bug,切换页面展示数量,页码刷新重置,原来页码高亮问题
Element-UI提供了分页器的两个方法,handleSizeChange和handleCurrentChange,然而在实际使用中,却发现再切换页面展示数量的时候,会出现一些BUG, 页面刷新了,高亮页码却还是上次选择的页面。可以用以下方法解决;data(){ return:{ yema1:{ currentPage1:1; ...
2018-12-01 09:29:26
13249
2
原创 如何设置滚动条
<style> #box{ width:100px; height:100px; overflow-y:auto;}</style>设置垂直超出 出现滚动条
2018-12-01 09:20:00
2290
原创 vue 项目打包dist目录下index.html打开空白解决办法
config 文件下面的index.js build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSub...
2018-11-29 09:59:58
7881
7
原创 Vuex
Vuex是什么状态管理工具集中式管理所有组件的状态状态组件内部的状态:仅在一个组件内使用的状态应用级别的状态:多个组件共用的状态什么时候使用多个视图依赖同一个数据来自不同的视图行为需要变更同一个状态安装npm install vuex --savesrc 目录下新建store 文件夹,store下新建index.jsindex.js里面写入import Vu...
2018-11-28 18:02:36
92
原创 安装Element-Ui
//安装命令npm i element-ui -S//main.js 引入import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI )即可完成
2018-11-28 17:38:25
1652
原创 Vue-element重新发送验证码
重新发送验证码在开发中,重新发送验证码是登陆注册必不可少的一个功能。通过element-ui两个属性可以轻松实现,重新发送验证码不可点击的状态。第一种 loading通过给loading设置布尔值来实现不可点击的状态。loading为正在加载中,此时button不可点击<el-button :loading="true">重新发送验证码</el-button>第...
2018-11-28 10:34:00
1719
原创 vue-router重定向
在访问空路由时,可以通过redirect 重定向到指定页面{ path:"*", redirect:"/"}在router index.js 中配置,*代表除了已经设置的所有路由,redirect代表重定向到“/”主页...
2018-11-28 10:10:16
339
原创 Symbol
Symbol简介Symbol是es6的新的数据类型,表示唯一,独一无二的声明方式let s =Symbol()加入参数let s=Symbol('single');let s1=Symbol('single');console.log(s === s1);// 返回值为false实用方法当我们期望值不被改变,使用Symbollet Person=(function(){...
2018-11-22 11:52:40
543
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人