- 博客(31)
- 收藏
- 关注
RSS订阅原创 vue生成二维码
最近项目中的某一个功能需要对外分享,所以打算把功能页面的地址生成一个二维码图片.项目是vue+vant,生成二维码用的插件是vue-qr具体的用法,非常简单1.npminstallvue-qr --save2.在需要用的页面引入:importvueQr from'vue-qr'3.在组件中引入components: {vueQr}4.在html中<vue-q...
2020-03-25 20:33:53
474
转载 vue常用修饰符
vue提供了如下修饰符：1.事件修饰符vue为v-on提供了事件修饰符，通过点(.)表示的指令后缀来调用修饰符。.stop阻止点击事件冒泡。等同于JavaScript中的event.stopPropagation()例如：<a v-on:click.stop="doThis"></a><a @click.stop="doThis"><...
2020-03-25 20:21:16
1632
原创 vue 项目设置一些全局的公共样式
本公司开发的产品，在运维去客户哪里上线的时候，客户可能会对产品主页面的一些色调，字体大小等不满意。所以需求就是在我们的开发包在往客户服务器上发布的时候，有一个scss文件可以随时调整这些字体和颜色。思路： 1.首先在public公共文件的css文件夹下面新建一个allstyle.scss的样式文件夹，在这个里面定义一些样式，和字体的大小。这样做的好处就是，在webpac...
2019-12-10 14:58:26
8432
1
原创 a标签实现静态资源的下载
功能的使用情景：公司的项目需要下载用户操作手册和浏览器的压缩包，方便用户操作。（vue项目）实现方式：把需要下载的文件放在public公共文件夹下。然后用a标签的下载功能进行下载。文件位置：代码：注意：1.a标签的href路径要是网络路径，所以通过url（）这个方法进行转换。 2.a标签必须要加上download属性。（加了这个属性才能实现...
2019-11-21 09:21:12
3078
转载 git 教程（详细版）
史上最详细git教程题外话虽然这个标题很惊悚，不过还是把你骗进来了，哈哈～各位看官不要着急，耐心往下看Git是什么Git是目前世界上最先进的分布式版本控制系统。SVN与Git的最主要的区别SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到...
2019-05-10 10:23:22
439
转载 vue之axios请求本地json数据
第一步：npm安装axiosnpm install axios --save 第二步：在main.js下引用axiosimport axios from 'axios'第三步：在static文件夹下写静态文件a.json第四步：在组件中请求数据this.$http({method: "get",url: "/static/data/a.json",dat...
2019-01-14 14:19:43
5571
原创 vue.js + element中el-select实现拼音匹配，分词、缩写、多音字匹配能力
因为项目需要，需要在element原有可搜索下拉框的基础上添加设置拼音简码即可跳出的功能在网上搜了很多也没有发现跟element完美匹配的，就自己写了一种方法可以跟element完美匹配，话不多说，直接上流程1、既然要用到拼音搜索，我们就需要一个拼音库，在这里我推荐一个第三方包：https://github.com/xmflswood/pinyin-match，在这里首先对这个包的开发者表...
2018-12-19 10:15:47
7854
11
转载 Vue2.0---将页面中表格数据导出excel
这不是教程，是随笔。 项目中将后台返回的数据v-for到表格中，然后需要将这个表格导出为EXCEL 只说怎么做。 一、需要安装三个依赖： npm install -S file-saver xlsx npm install -D script-loader 二、项目中新建一个文件夹：（vendor---名字任取） 里面放置两个文件B...
2018-04-24 16:19:22
569
原创 vue + elementui在火狐浏览器中会有一些错位的问题
问题：样式错位，比如会向下偏移等解决方案： 查看错位标签是否设置有flex-wrap:wrap; 如果有把值改为nowrap试一试
2018-04-11 10:26:21
5909
1
原创 vue + elementui的table在ie和火狐中边框不显示的问题
问题：table组件同时设置border和stripe属性，有斑马线的行border显示不出来解决方案： td { background-clip: padding-box;}给td设置背景裁剪规则来解决FireFox的兼容性问题，完美解决...
2018-04-11 10:21:38
3970
原创 关于vue项目中static文件下的静态文件找不到的问题
在vue项目中，有一些数据我们并不希望被webpack打包，我们可以把这些数据写在一个js文件中，然后放在static（该文件下的内容不会被webpack打包）文件下。然后就是在别的地方调用这个js：我们在vue项目的根目录下的index.html文件中用script把该js文件引用进来。在其他的地方就可以使用这个js文件中的方法了。目的：在我们已经打包的文件中，可能会有一些名字/地址等数据，在不...
2018-03-29 14:29:39
23306
1
转载 toString()和toLocaleString()有什么区别
偶然之间用到这两个方法然后在数字转换成字符串的时候，并没有感觉这两个方法有什么区别，如下：12345678var e=123 e.toString()"123" e.toLocaleString()"123" 是吧，并没有什么区别,上面的e是一个三位数的数字，那么要是四位数以上呢var a=1234a.toString()"1234"a.toLocaleString()"1,234"...
2018-02-28 10:09:10
185
转载 如何阻止事件冒泡和默认事件
今天来看看前端的冒泡和事件默认事件如何处理1.event.stopPropagation()方法这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开，2.event.preventDefault()方法这是阻止默认事件的方法，调用此方法是，连接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素；3.ret...
2018-02-26 15:34:32
2334
转载 js实现继承的5种方式
1、继承第一种方式：对象冒充?123456789101112131415161718192021222324function Parent(username){ this.username = username; this.hello = function(){ alert(this.username); }}function Child(username,password){ //通...
2018-02-26 15:27:42
313
转载 闭包是什么，有什么特性，对页面有什么影响
一开始接触闭包有些问题一直绕不过去,可了看其他的资料，也从网上查了查，下面是我总结的一些东西：“官方”的解释是：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。通俗的讲：就是函数a的内部函数b，被函数a外部的一个变量引用的时候，就创建了一个闭包。（这样在执行完var c=a()后，变量c实际上是指向了函数b，再执行c()后就会...
2018-02-26 11:24:37
684
转载 JS中的call()方法和apply()方法用法总结
最近又遇到了JacvaScript中的call()方法和apply()方法，而在某些时候这两个方法还确实是十分重要的，那么就让我总结这两个方法的使用和区别吧。1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。2. 相同点：这两个方法的作用是一样的。都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。一般来说，this总是指向调用...
2018-02-26 11:19:08
325
2
转载 ajax请求post和get的区别以及get post的选择
最简单的区别：1.使用Get请求时,参数在URL中显示,而使用Post方式,则不会显示出来2.使用Get请求发送数据量小,Post请求发送数据量大3.get请求需注意缓存问题,post请求不需担心这个问题Get方式:用get方式可传送简单数据，但大小一般限制在1KB下，数据追加到url中发送（http的header传送），也就是说，浏览器将各个表单字段元素及其数据按照URL参数的格式附加在请求行中...
2018-02-26 10:51:56
496
转载 JavaScript显式类型转换与隐式类型转换
本文谈谈JavaScript的类型转换，我们知道在JavaScript中声明变量不需指定类型， 对变量赋值也没有类型检查，同时JavaScript允许隐式类型转换。这些特征说明JavaScript属于弱类型的语言。在强类型的C++中，多数情况下构造函数需要声明为explicit来避免隐式类型转换引起的误用 （见Item 15：资源管理类需要提供对原始资源的访问）。 弱类型的语言中类型的误用会更加隐...
2018-02-26 10:44:36
248
转载 css 盒子模型理解
盒子模型是html+css中最核心的基础知识，理解了这个重要的概念才能更好的排版，进行页面布局。下面是自己积累和总结的关于css盒子模型的知识^_^，希望对初学者有用。一、css盒子模型概念CSS css盒子模型 又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如图：图中最内部的框是元素的实际内...
2018-02-26 10:18:50
143
转载 IE6中的常见BUG与相应的解决办法
开发前端的同学一定都知道，IE6是兼容BUG最多的浏览器，它不支持PNG alpha通道暂且不论。其文档的解析理解规范也引起了诸多恼人的BUG，有时甚至让人感到绝望。本文主要讲解一些比较容易遇到的IE6BUG，以及解决的办法。一、IE6双倍边距bug当页面上的元素使用float浮动时，不管是向左还是向右浮动；只要该元素带有margin像素都会使该值乘以2，例如“margin-left:10px” ...
2018-02-26 09:49:38
144
转载 css图片居中(水平居中和垂直居中)
css图片居中分css图片水平居中和垂直居中两种情况，有时候还需要图片同时水平垂直居中，下面分几种居中情况分别介绍: css图片水平居中1.利用margin: 0 auto实现图片水平居中利用margin: 0 auto实现图片居中就是在图片上加上css样式margin: 0 auto 如下：<div style="text-align: center; width: 500px; bord...
2018-02-26 09:46:51
1853
转载 css清除浮动float的七种常用方法总结和兼容性处理
在清除浮动前我们要了解两个重要的定义：浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。高度塌陷：浮动元素父元素高度自适应（父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷）知道浮动和为什么要清除浮动之后我们可以开始学习如何清除浮动了，这时候我们就需要用到清除浮动的属性clear, clear:left | right | both | none ...
2018-02-26 09:37:23
108
转载 CSS 隐藏页面元素常用方法
用 CSS 隐藏页面元素有许多种方法。你可以将opacity 设为 0、将 visibility 设为 hidden、将 display 设为 none 或者将 position 设为 absolute 然后将位置设到不可见区域。Opacityopacity 属性的意思是设置一个元素的透明度。它不是为改变元素的边界框（bounding box）而设计的。这意味着将 opacity 设为 0 只能从...
2018-02-26 09:29:45
135
翻译 ionic中键盘把tabs顶上去的解决方法（android）
在android中ionic的键盘会把tabs顶上去的解决方法在github上找到的解决方法，解决了我遇到的问题，发出来希望能帮到更多的人。https://github.com/ionic-team/ionic/issues/7047在tab.ts中具体的page.ts具体就是在tab.ts中封装一个event事件，用来隐藏t
2017-10-23 14:08:29
4074
2
转载 CSS中position属性介绍(新增sticky)
该文章转自http://www.cnblogs.com/s1nker/p/4835079.html
2017-10-19 17:33:54
337
原创 左右滑动弹出按钮，类似于QQ中，左右滑动消息框会弹出删除等按钮
ItemSlidingion-item-sliding改进此文档滑动项是可以滑动以显示按钮的列表项。它需要一个Item组件作为一个孩子，一个List组件作为父项。所有显示的按钮都可以放在元素中。用法ion-list> ion-item-sliding #item> ion-item> Item ion-item> ion-
2017-10-18 11:20:27
2256
原创 ion-chip 标签
芯片ion-chip改进此文档芯片表示小块中的复杂实体，例如联系人。用法ion-chip> ion-label>Defaultion-label>ion-chip>ion-chip> ion-label color="secondary">Secondary Labelion-label>ion-chip>ion-chip color="se
2017-10-18 11:13:51
768
原创 手机app调用键盘中的搜索按钮
在手机app开发的过程中我们肯定会用到搜索功能，而在app中大多都没有搜索按钮，这时就需要调用键盘中的搜索按钮我在开发app的时候用的是ionic3+angular4，所以本篇文章也是解决在ionic3开发app时调用键盘搜索按钮的问题先上图1.首先我们需要一个input搜索框，并且把type设置为search类型。（这里需要注意一点：在你添加了ngmodel的
2017-10-18 10:54:02
2289
1
原创 在angular4的ts文件中进行类似于dom操作的方法
在angular4的ts文件中进行类似于dom操作的方法在html页面你好在ts页面 var s = document.querySelector('.nihao'); s['style'].width = '190px';这样就能够改变div的样式了
2017-10-13 15:29:40
8225
1
原创 angular4中样式的绑定
angular4中样式的绑定假如一个样式，你想让他在点击的时候显示，再次点击的时候消失，你就可以用样式绑定{{choose.duty}}如上：你可以控制choose.show的true/false来实现bgc这个类的显示和消失。 shenfen(choose) { choose.show = !choose.show; }这就ok了
2017-10-13 15:20:09
2382
原创 angualr4+ionic3开发app中popover的用法
在用ionic3开发app的时候，遇到一个弹窗的问题，就是点击一个按钮会弹出一个盒子，然后点击页面的其他部分该盒子会消失，关于这一个问题，查了一下ionic3文档中的popover，便得到了很好的解决就是类似于上图这种的，下面写一下他的具体的用法在HTML页面：你需要一个按钮，并添加一个点击事件，来控制盒子的出现和消失，然后在ts文件中编写改点击事件在ts文件中
2017-10-13 14:44:24
7615
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人