smile的博客

原创 js中的 hasOwnProperty

的一个方法，返回一个布尔值，指示对象自身属性中是否具有指定的属性（也就是是否有指定的键）。运算符检查对象是否具有某个特定的属性，无论它是否存在于对象自身。

原创 No known conditions for “./lib/locale/lang/zh-cn“ specifier in “element-plus“ package

No known conditions for "./lib/locale/lang/zh-cn" specifier in "element-plus" package，element-plus 升级后遇到的问题：

原创 关于聊天功能，使用input发送消息，不能在input中显示图片解决办法

一般情况下，发送消息，上传文件、图片都是使用 input 来实现，但是产品的功能千变万化，现实中也会有不尽人意的时候下方使用了element中的input 绑定Enter事件发送消息 <el-input type="textarea" class="talk-textarea" v-if="!uploadImgUrl" v-model="message" placeholder="请输入您要咨询的问题......"

原创 element ui input 深层循环v-model绑定默认数据删除不了的情况

给input一个@input方法 使其更新视图，这样子就可以正常编辑删除了。出现这种情况是vue不能检测到对象属性的添加或者删除导致视图无法更新。在项目开发中遇到的，简单记录一下。

原创 vue中Swiper动态渲染swiper-slide后轮播图呆滞划不动的问题

因项目开发中很多都有用到轮播图的地方，然后选择用了swiper，记录一下，之前一直没有发布这个文章，现在官方好像已经优化了这个问题。因为this.mySwiper中没有值导致的，需要进行swiper初始化一下。问题描述：在图片滑动时，卡住不动了。下载引入，具体参考官方文档。

原创 element ui 同时获取select中绑定的value值（id）及label值

因为不同的业务场景，后台需要传选中的id及name，循环遍历也可以取得label的值，但是这样太麻烦了，选中后，双向绑定获得的是id的值，想要取得label的值，利用ref属性，来进行实现this.$nextTick(() => { let str = this.$refs.emsNameLabel.selected.label // 截取-后面的 let index = str.indexOf('-') this.dataForm.shipperCode = str.s

原创 js循环匹配拼接成新对象，改变对象name

场景描述：在一个数组中，需要拿到两个值，让其中一个值成为另一个值的name 然后就开心的循环取出数据，重新整理数据，感觉ok了，然而````````循环了一大堆，还更改了name名字，测试后发现有问题，其实很简单，let wes: any = {};for (const v of this.arr) { // @ts-ignore wes[v.name] = v.response.resourcesUrl + v.response.filePat...

原创 element中的el-input绑定enter键盘事件

element中的el-input绑定enter键盘事件原生的input绑定enter事件：<input type="text" @keyup.13="console.log($event)"></input><input type="text" @keyup.enter="console.log($event)"></input>但是：el-input采用以上写法是不生效的。原因是element-ui是封装组件，el标签是element自定义.

原创 关于css display的属性

原创 css 实现图片等比例缩放

css提供了一个属性,可以达到图片不被变形的效果,给图片加上object-fit: cover; 这个属性还有别的值object-fit: fill; object-fit: contain;object-fit: scale-down;可以自己去试一下,看看效果....

原创 typescript 获取对象Object 中 动态的key 值

以上Object.keys()作用：遍历对象，找到对象中每一项key。话不多说，直接上代码。

原创 TypeScript 获取对象Object

当对象参数是中文时应使用这种写法:object["name"]不应使用这种写法(会报错找不到属性):object.name

原创 vue的基础点

Vue是一款友好的、多用途且高性能的javascript框架，她能够帮你创建可维护性和可测试性更强的代码库。Vue是渐进式的javascript框架。Vue允许你将一个页面分割成可复用的组件，每个组件都包含属于自己的html、css、js，以用来渲染页面中相应的地方。vue的核心理念。和许多js应用一样，我们从网页中需要展示的数据开始，使用vue的起步非常简单。1、引入vue库...

原创 使用bootstrap中carouse轮播去除两边阴影的方法

bootstrap框架中carouse使用轮播图会有默认的阴影，下方css代码可以去除，亲试有效。.carousel-control.left { background-image:none; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startCol...

原创 怎样使P<p>标签变为可编辑的

一.只可编辑,粘贴复制字段长度不正常&lt;p contenteditable="true" &gt;这是一个可编辑内容的p标签哦~&lt;/p&gt;二.既可编辑,又可粘贴复制,文本字段长度正常&lt;p contenteditable="plaintext-only" &gt;这是一个可编辑内容的p标签哦~ &lt;/p&gt;     ...

原创 版本控制工具-----git

1.所谓的版本控制，就是记录一个或多个文件内容变化，以便以未来查询制定的版本信息。svn是集中式/ git是分布式：*防止代码的丢失*团队协作*版本还原*更好的管理代码2.git介绍 用于代码的版本控制，使用方式：命令行/图形化git（分布式版本控制工具）与github（托管开源项目的网站，托管项目的方式采用的是git）3、自己使用git将项目上传到github①申请github的账号 https...

翻译 git的简介及优势

Git是目前世界上最先进的分布式版本控制系统。了解一下git的出身吧故事是这样的：很多人都知道，Linus在1991年创建了开源的Linux，从此，Linux系统不断发展，已经成为最大的服务器系统软件了。Linus虽然创建了Linux，但Linux的壮大是靠全世界热心的志愿者参与的，这么多人在世界各地为Linux编写代码，那Linux的代码是如何管理的呢？事实是，在2002年以

原创 关于css重置样式

CSS样式表的初始化，全局样式设置。部分样式属性请根据具体页面重置其属性 body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}body{font:12px "宋体","Arial Narrow",HELVETICA;b

原创 可视化编辑器（小记）

参考资料:http://www.iteye.com/topic/552177

原创 为什么要初始化样式

其实，写过CSS的大神们都知道，每个网页引进的CSS首先都需要初始化。CSS初始化是指重新设置浏览器的样式，但是因浏览器兼容的问题，不同的浏览器对标签的默认样式值不同，如果不初始化会造成不同浏览器之间的显示差异。