yx_cos-CSDN博客

原创利用TortoiseSVN 对代码分支进行管理

现在的公司用的是svn来管理代码，记录一下一些常规操作，以备日后查询1.简单命令介绍：（1）当我们提交代码之前，一般都会先 update 然后再commit 防止代码冲突如果update 时遇到代码冲突，则需先解决冲突再提交（2）用checkout 将服务器上文件下载到本地2.合并代码步骤：点击 Merge 出现以下页面3.拉取新分支（1）选...

2020-03-12 19:13:29 636 2

原创 vue + elementUI 框架下给el-table 增加一条数据，默认滚动条定位到表格的最底部

最近做项目的时候有个需求--需要给表格增加数据，然后数据多的情况下表格会出现滚动条，需要默认定位到表格的底部。效果图：一般的js的做法是： let table = document.getElementById('id名字');table.scrollTop = table.scrollHeight;因为用到了elementUi框架，不容易获取到表格里面的某个元素的id，...

2019-07-03 20:03:53 8993 2

原创解决H5页面在微信浏览器中打开 input file 在安卓上没有拍照选项

有时候我们会在微信公众号里开发会遇到上传图片的功能，当你写<input type="file"> 的时候，在IOS上可以成功调起拍照和图库两块，在安卓手机上只能调取图库而没有拍照功能，解决办法：给input 加上accept属性<input type="file" accept="image/*" /> //调用相机，图片或者相册（两者都行）加上了capture=...

2018-09-18 14:47:08 21046 4

原创 Vue实现仿淘宝商品详情属性选择的功能

先看下效果图：（同个属性内部单选，属性与属性之间可以多选）主要实现过程：所使用到的数据类型是（一个大数组里面嵌套了另一个数组）具体格式如下： attrAndValuees: [ { 'attrId': 1, 'attrName': '味道', 'valuees': [ { ...

2018-09-07 17:13:35 9167 3

原创 Vue开发及上线过程中遇到的坑（axios跨域，history模式下空白页问题）

最近公司在用vue开发一个网站，在这过程中，遇到了一些需要注意的点，在此先列出来，防止下次再次踩坑1.在开发环境下，使用axios进行数据交互时，如果遇到跨域问题的话，可以在如下图Config文件下的index.js 设置proxy代理你可以新建一个专门放接口的js 给后台的接口自己重命名一下然后在main.js里引入该js 本项目中命名为url.js将url添...

2018-08-20 09:59:36 8844 3

原创 jquery实现倒计时效果

实现的效果如图：HTML：距离下一场活动还有 --时--分--秒 Jquery代码： //判断设备是安卓还是IOS var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.inde

2018-01-24 09:38:57 1449

原创 jQuery无缝向上滚动效果

该篇通过js和jquery两种写法来实现内容无缝向上滚动的一个效果，废话不多说，直接上代码（1）向上滚动HTML： 21:01:03 137****6943 ¥6.06 21:01:03 137****6943 ¥6.06 21:01:03 13

2018-01-22 18:21:48 6330

原创 banner图与底下的div之间存在一条缝隙的解决办法

在写页面的时候遇到了一个奇怪的问题，就是banner图与下面的div之间存在着缝隙，不存在margin，padding，可是就是有一条缝隙，如下图：页面代码：<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css"

2017-10-30 10:39:42 1746 1

原创分享几个前端工具--制作加载中小图标

1.制作loading图(加载中小图标)的网址（1）https://loading.io/这个网站中会有很多种加载中的小图标，你可以根据你的需求选择，选择好图标后，你可以在工具栏部分改变颜色，最后他有3种方式供你下载：GIF，SVG，CSS选择你想要的格式保存即可。（2）https://preloaders.net/和上面的网址类似，也是一些加载中的小图标

2017-09-26 14:46:52 2825

原创 css样式--将大小不固定的图片或文字段垂直居中

本文将介绍的是将大小不固定的图片或文字段垂直居中的两种简单的方法方式一：将父元素的display设为display:table-cell;再加上水平居中和垂直居中的两个代码： text-align: center;vertical-align:middle;就轻松搞定了图片的垂直居中如果是文字的话，需要将子元素设置为display:inline-block;HTML代码如下：<div cl

2017-08-10 16:21:40 1130

原创 jquary简单日历签到效果实现

最近写的项目活动中总是会写到每天签到的这个功能，然后网上找的插件各有利弊，最后，自己花了点时间，写了一个简便版的实现日历签到页面，供大家学习参考最终效果图： HTML部分： <div class="checkin"> <div class="tit"><img src='images/t_icon.png' class='imgicon1'/><span id="now_mon

2017-05-22 17:45:43 706

原创 css3转换，过渡，动画效果知识点汇总

CSS3知识点 1.Transform（转换）—-对元素进行移动、缩放、转动、拉长或拉伸。兼容性：Internet Explorer 10、Firefox 以及 Opera 支持 transform 属性。 Chrome 和 Safari 需要前缀 -webkit-。Internet Explorer 9 需要前缀 -ms-。 2D转换 1) translate(x,y) –移动（x轴

2017-05-18 11:50:39 521

原创用css3动画来实现物体上下跳动的效果

用几行简单的代码实现上下跳动的效果：html部分 (我就先放了一张图片) css部分： * { margin: 0; padding: 0; } img { display: inline-block; }

2017-05-15 14:48:34 26648 3

原创 jq中的$("#id")与js中的document.getElementById("id")的区别

以前一直认为jq的(“#id”)与js中的document.getElementById(“id”)是等价的，然后前面刚好写了一个图片轮播的效果，里面js里刚开始是直接用id名来表示的，但这样的缺点是，直接用id名定义的是一个全局变量了，如果在大项目中会污染全局变量，所以我打算定义个局部变量来代替刚开始是直接写了 var demo=(“#id”)与js中的document.getEle

2017-05-04 14:14:44 1575

原创 jquery的图片轮播效果

今天，我要介绍的一个图片轮播的jq代码：首先：先放上效果图：css代码： .img_item{width:480px;height: 480px;border: 0;} .table_t td{text-align: center;} HTML代码：

2017-05-02 18:20:58 609

原创用js实现上传图片的效果

在写页面的时候，很多时候都会遇到上传图片的问题，下面的代码，可以直接在前台显示上传图片效果的，简单明了，需要的可以参考：先来张效果图：（未上传之前的显示页面）（上传之后显示的页面，代码中可控制最多上传几张，可再次选择）代码：html：

2017-04-19 13:57:46 1621

原创在手机屏幕下全屏展示背景图

今天遇到遇到写一个邀请页面，然后需要放一张图片当背景类似的。试了好几种方法，都达不到要求。想法1.直接在html里引入了img 标签然后给图片设置了width：100%；height：100%；不管用，图片太大的话，屏幕往下移动了想法2.将图片以背景图片引入，设置body为 width：100%；height：100%；可是最后的结果却出不来，F12调试说body的高度为0；

2017-04-12 14:32:17 4166

原创 jquery简洁版的banner图轮播

最近写了好多个公司官网，然后首页基本上用到了banner图轮播，上网找了好多相关的插件，有利有弊，最后找到一个不错的插件，然后代码的可改变性蛮强的，经过一些自己的改编，记录一下，嘻嘻。

2017-04-06 14:09:43 652 1

yx_cos的博客