- 博客(55)
- 收藏
- 关注
RSS订阅
原创 vue.filter，全局过滤器
(1)可被用于文本格式化等<div v-submit>{{'aaa' | nameformat('2')}}</div>(2)全局注册过滤器,新建一个js文件,然后在main.js中引入即可import Vue from "vue";//文字过滤方式Vue.filter('nameformat',function(name,type){ if(name){ if(type == 1){ name = 'bbb'
2020-10-26 17:42:17
192
原创 vue改变对象的属性值，视图未更新
我建立了一个对象，视图中遍历这个对象，并显示这个值,然后有个按钮，可以改变obj对象的值<li v-for="(items,index) in obj" :key="index" >{{items}}</li><button @click="btn">添加obj.b</button><script> export default...
2019-04-22 10:53:01
2162
原创 vue中如何监控某个对象属性值的变化:
比如现在要监控data中，obj.a的变化，vue中监控对象属性变化可以这样:watch:{ 'obj':{ handler(newValue,oldValue){ console.log('aaaaaa') } deep:true }}deep代表深层遍历，一旦使用deep,就表示监控obj对象中所有的属性如果你想要监控obj对象里面特定的一个属性,...
2019-04-22 10:49:37
6455
原创 js截取url中?后面的数据，并转化成对象
<script> //自动获取地址栏链接带？以及后面的字符串 var url = window.location.search; //定义一个空对象 var obj = {}; //如果字符串里面存在? if(url.indexOf("?") != -1){ //从url的索引1开始提取字符串 var str = url.substring(1); //如果存在...
2018-09-30 10:13:56
5954
原创 tcp3次握手简单介绍(个人理解)
1.TCP又叫做传输控制协议，提供可靠的面向连接的服务，采用三次握手建立连接第一次:客户端向服务器发送请求报文，服务器接收报文，客户端进入同步已发送状态 第二次:服务器收到客户端的请求报文后，如果同意建立连接，则发送确认响应报文，服务器进入同步收到状态 第三次:客户端收到服务器的响应报文后，会向服务器发送确认报文，告诉服务器收到报文了，并且准备建立连接，服务器收到确认报文后进入连接状态...
2018-09-01 14:14:51
600
原创 css如何实现文字环绕图片，--遇到问题及取消文字环绕效果
1.我之前在写一个外国博客的时候遇到了一个问题，关于文字环绕显示问题:1.图片浮动，中文文字会发生环绕效果&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;css文字环绕&lt;/title&gt; &lt;style&g
2018-08-26 18:39:54
6796
原创 数组去重的方法
1.第一种方法:有一个需要去掉重复元素的数组arr,定义一个新数组res，循环遍历arr数组中的每一个元素，看res中是否存在，如果不存在，则push进去function repeat(arr){ var res = []; for(var i=0; i&lt;arr.length; i++){ if(res.indexOf(arr[i]) == -1){ ...
2018-08-24 22:16:34
263
原创 git常用指令及版本控制
说起git，就不得不说git的版本控制系统: 1.本地版本控制系统:只有一个分支 缺点:功能比较单一，很难实现多人协同开发2.集中式版本控制系统：通过单一的集中管理的服务器，保存所有文件的修订版本,协同工作的开发者都通过客户端连到这台服务器，取出最新的文件或者提交， 其代表是SVN缺点:如果集中服务器出现故障，将会导致数据丢失的风险，而且更新数据时，严重依赖网络3.分布式版本控制...
2018-08-11 11:50:39
187
原创 js继承的几种方式，以及缺点
1.原型链继承：可以继承属性和方法，但是会对原型上的方法误修改:例如:继承属性 //父类 function Person(){ this.head = 'aaa'; } //子类 function Student(s){ this.s = s; } Student.prototype = new Pers...
2018-08-04 21:34:13
274
原创 事件绑定的几种方式及区别
1.事件绑定分三种常用的方法: (1)在DOM元素中直接绑定 (2)在js代码中绑定; (3)绑定事件监听函数DOM元素中直接绑定:&lt;input type='button' onclick='fn()'&gt; &lt;script&gt; function fn(){ console.log('hel...
2018-07-28 01:49:29
4551
原创 使用html2canvas完成截屏打印功能
1.并不是以浏览器截屏为原理，而是以遍历加载页面的DOM，保存DOM信息来进行构建如果我们想截屏并打印的话，我们需要先npm安装一下npm install html2canvas在main.js中引入import html2canvas from "html2canvas";Vue.prototype.$html2canvas = html2canvas;//参数是你要操作的dom元素和配置项,返回的参数是一个convas this.$html2canvas(document.getE
2021-09-26 14:52:27
684
原创 elemetnUI,autocomplete添加clear清除之后，输入后返回数据不渲染
代码:<el-autocomplete prefix-icon="el-icon-search" style="width:100%;" v-model="searchText" clearable ref="autocomplete" placeholder="请输入需要查找的关键词进行查找" :fetch-suggestions="querySearch" @keydown.enter.native='searchStart'
2021-09-06 16:25:58
454
原创 elementUI,给每行传当前index
<el-table :data="tableData" :cell-style="{'text-align':'center'}" :header-cell-style="{background:'text-align:center;background- color:#f3f4f7;',color:'#5d6168;','text-align':'center'}"
2021-08-25 19:51:52
437
原创 vue-cli初始化项目步骤
1.没有脚手架的，需要先全局安装脚手架npm install --global vue-cli2.进入你创建的项目文件夹vue init webpack 项目名 ![在这里插入图片描述](https://img-blog.csdnimg.cn/5c8b74f1f89d48b6ad8c67648a2050b4.png?x-oss-
2021-08-14 20:29:30
153
原创 el-form如何重置表单数据
1.在项目中我们经常会遇到el-form重置表单失效,那么我们可以采取另外一种方法例如:<el-form :model="formLine" ref="formLine"> <el-row v-for="(item,index) in formLine.searchVOList" :key="index"> <el-col :span="18"> <el-form-item :label="
2021-08-05 14:40:41
3773
原创 vue，特定场景需要绑定多个class并配置三元表达式
1.当我们在项目中需要给一个元素加多个class,并附件判断的时候可以这样<div class="ghcontent_div" v-for="(item,index) in ghlist" :class="[index==3||index==7?'divlast':'',leftTrue==true?'divfirst':'']" :key="index">在这段代码中，class就同时绑定两个不同三元表达式判断并且两个class...
2021-08-03 14:12:13
596
原创 vue,在el-table中，加入单选按钮
1.最近遇到了一个需求，要在el-table中加入单选按钮,并且能够选中和回显el-table ref="multipleTable" :data="rightforeach" tooltip-effect="dark" class="surface"
2021-05-18 14:29:23
937
原创 vue搭配three.js创建3D旋转方块
1.three.js由三部分组成,scene(场景),camera(相机),渲染器(renderer),有这三样东西，才可以渲染进网页中<template> <div class="lvse"> </div></template><script> export default { name:'lvse', data(){ return{
2021-05-08 15:59:23
654
原创 el-talbe，selection，this.$refs.multipleTable.toggleRowSelection失效问题
1.el-table中，设置复选框 <el-table ref="multipleTable" :data="rightforeach" tooltip-effect="dark" class="surface"
2021-04-20 00:32:53
3155
1
原创 view-ui,四级动态菜单目录，点击跳转
1.有需求要求配置一个动态目录，并且点击哪里跳转到哪里 我采用了view-ui,四级菜单是后端返回的嵌套数据,此代码仅作为参考<Menu active-name="2" :accordion="true"> <Submenu name="2"> <template slot="title"> <b>目录</b>&l..
2021-02-25 16:59:07
380
原创 vue后端返回dom数据，动态放入v-html中，无法被css样式覆盖
1.我们通常会根据后端爬取的dom数据动态插入到页面中，在vue中我们一般会使用v-html标签例如：<div class="infomation"> <ul> <li><span>来源：{{info.news}}</span></li> <li><span>发布时间：{{i
2021-01-18 14:51:02
978
2
原创 前端pc，移动性能优化
1.由于移动端touchstart事件对象的cancelable属性为true,它的默认行为可以被监听器通过preventDefault()方法阻止,如果你在滑动过程中默认行为被阻止了，页面就必须静止不动,r如果绑定了监听事件的话，因为浏览器无法提前知道你是否会调用preventDefault(),它能做的只有等监听器执行完后再去执行默认行为，而监听器是要耗时间的，这样就会导致在滑动时页面卡顿所以我们在vue种可以采用<div v-on:scroll.passive="onScroll">.
2020-11-06 14:51:25
163
原创 css3中calc的用法及单位
1.css3中calc()函数可以进行尺寸计算，这样可以使样式在浏览器中更加的灵活，能够响应视口的改变示例:.aside{Height:calc(100vh - 78px); //以视框百分百的高度减去78px的大小}2.其中vw,vh,vmin,vmax的含义Vw:视窗宽度的百分比(1vw代表视窗的宽度为1%)Vh:视窗高度的百分比(1vh代表视窗的高度为1%)Vmin:当前vw和vh中较小的一个值Vmax:当前vw和vh中较大的一个值...
2020-11-02 13:32:25
1096
原创 CSS如何修改滚动条样式
1.如果我们想要修改滚动条样式如果要在全局加，所有元素滚动条统一修改样式的话//定义滚动条宽高,滚动条背景 ::-webkit-scrollbar{ width:10px; /对垂直流动条有效/ height:10px; //对水平流动条有效 } //滚动条的轨道颜色，轨道阴影，轨道圆角 ::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); ba
2020-10-16 17:16:03
530
原创 vue.nextTick的用处
1.vue在更新DOM时是异步执行的，只要侦听到数据变化，vue将开启一个队列，当你修改一个新值时，组件不会立即重新渲染，而是会在下一个事件循环中所有同步任务都在主线程上执行，形成一个执行栈，等待任务回调结果进入一种任务队列，当主执行栈中的同步任务执行完毕后才会读取任务队列<div id="app"> <button ref='aa' @click="edit()">{{testMsg}}</button></div><script&
2020-10-10 17:35:45
565
原创 处理滚动条auto拉不到底
1.有时写页面会遇到滚动条无法拉到底可以把overflow:auto换成overflow:scroll如果觉得overflow:scroll会一直存在滚动条，可以用js判断拉取到多少时，换成overflow:scroll
2020-09-27 13:55:57
1606
原创 如何查看项目webpack版本
1.在项目的package.json文件,里面的scripts脚本命令中添加:“webpack”:“webpack --version”"scripts": { "webpack":"webpack --version" },然后在启动项目时用npm run webpack
2020-09-11 13:27:48
2799
原创 苹果手机mrgin-bottom失效问题
1.<div class="body" style="margin-bottom: .55rem"> 发现在苹果手机里面失效1.<div class="body" style="padding-bottom: .55rem"> 改成padding-bottom就可以了
2020-08-28 10:49:10
151
原创 vue项目结构整理
1.build文件:用于存放webpack配置文件和脚本2.config文件:主要存放配置文件，配置开发环境的端口号，开启预加载或开启gzip压缩等3.dist文件：默认命令打包生成的静态资源文件4.node_modules:存放npm命令下载的所有依赖包5.src:放置项目源码 => assets存放公用的css,js文件,img等资源=> components存放公共组件=> router vue路由的配置文件=> app.vue 整个工程的vue根组件=>
2020-08-11 18:01:13
230
原创 把后端返回的数据,数字加千位分隔符
1.把后端返回的数据转换成数字parseInt(‘11111111123213123.3213’).toLocaleString();
2020-07-24 13:51:06
608
原创 vue,push路由跳转传参
1.传递this.router.push(path:′/itplan/itplanDetail′,query:yearId:′xxx′,)2.获取this.router.push({ path: '/itplan/itplanDetail', query: { yearId: 'xxx', ...
2020-02-25 15:50:03
130
原创 以formData对象形式上传文件
1.我们在对接上传文件接口的时候，后端需要前端以formData对象的形式上传文件并且携带其他参数//以下vue情境下截取部分代码<input type="file" class="upload_inp" @change="fileupload($event)" /> fileupload(event){ let file = event.target.files[0];...
2020-01-06 18:44:48
589
原创 VUE中el-form循环绑定
在我们开发过程中，有时会遇到el-form循环绑定校验，并且后台返回的是动态表单list的形式,并且动态绑定是否必填<el-form ref="addForm" :model="submitForm" //绑定的表单对象 label-width="125px" :rules="rules" //绑定的校验规则> <el-form-item v-fo...
2019-12-10 16:07:24
4415
1
原创 nginx代理
1.nginx在应用程序中的作用(1)解决跨域(2)请求过滤(3)配置gzip(4)负载均衡(5)静态资源服务器2.正向代理与反向代理代理是在服务器和客户端之间假设的一层服务器，代理将接收客户端的请求并转发给服务器，然后将服务器的响应转发给客户端3.正向代理正向代理意思是一个位于客户端和原始服务器之间的一种模拟服务器，为了从原始服务器上获取内容,客户端向代理发送一个请求，指向原始...
2019-11-12 16:47:24
110
原创 vue父子组件传值
1.父组件给子组件传值父组件是通过在标签上面定义传值 :eg=‘data’父组件: <template> <div> <child :keywords="key"></child> </div> </template> <script> import child from '....
2019-11-01 13:12:53
89
原创 VUE导航守卫
1.vue路由变化时，会触发vue导航守卫2.可以给路由设置一个全局前置守卫beforeEach const router = new VueRouter({...}) router.beforeEach((to,from,next) => { }) //每个守卫方法接收三个参数: (1) to:route 即将要进入的目标路由 (2) from:route...
2019-11-01 13:12:41
172
原创 模块之间的耦合性到底指的是什么,js如何减少耦合性
1.所谓低耦合，就是一个组件在多个环境，复杂的项目下，都可以运行，而不会出现不可用的情况2.vue的组件就是使模块独立，尽量降低耦合性，达到组件高复用，低耦合3.应尽量减少使用全局变量4.不推荐在Js里修改样式，这样所有样式依然回归到css样式中5.整一个的思路是这样的：出现了重复代码 -> 封装成一个函数 -> 封装成一个模块 -> 封装成一个插件，vue应用的就是模块...
2019-11-01 13:12:27
3225
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人