随笔
关注
分享
扫一扫
ygy211715
这个作者很懒，什么都没留下…
展开
-
bootstrap+vue实现表格的添加删除
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="bootstr原创 2018-06-01 11:13:15 · 4210 阅读 · 2 评论 -
js变量拼接
1：常见的在html代码中需要加入某个变量1：通过单引号双引号拼接<div class="container"> </div> <script type="text/javascript"> var test='测试id'; var testHtml="<span id='"+test+"'>原创 2018-12-13 10:46:34 · 2872 阅读 · 1 评论 -
vuejs 之 $set
有次在作业的时候，业务需要，点击改变某个数组的某个数据，然而，数组改变了视图却没有更新，各种尝试都没有解决，后来，在网上查资料，了解了vuejs的$set首先说下我了解到的视图不更新的原因，网上说的原因主要是受制于ES5的限制，vuejs不能检测到对象属性的变化，只能检测到data对象上的变化。引用别的博客总结的vuejs能检测带对象变化的·方法和不能检测到的Vue包装了数个数组操作函...原创 2018-12-13 11:13:48 · 888 阅读 · 0 评论 -
call,apply,bind方法的区别和相同点
直接贴代码实例 var name="Mary"; var age="17"; var person={ name:this.name, getAge:function(){ console.log(this.name+" is "+this.age) } } console.log(person.name) person.get...原创 2018-12-17 17:42:32 · 1240 阅读 · 0 评论 -
vscode 打开新文件覆盖窗口中已打开文件详细解决步骤(亲测可用)
当一个项目很大的时候我们去找某一个文件经常使用搜索功能，本人使用vscode的时间不是很长，经常使用快捷键ctrl+p进行某个文件的搜索，但我发现打开搜索的文件的时候会覆盖掉原来窗口中打开的文件，灰常不爽，其实我也没想想明白这款开发软件这样默认的意义是啥，后来实在觉得麻烦。去往上搜了搜解决方法，写的啥都有，最终靠着广大网友的力量解决了，岁数大了，好的事情都喜欢记下来，以便以后慢慢回忆，哈哈首选...原创 2019-03-28 15:39:15 · 9044 阅读 · 4 评论 -
vscode打开多个项目（亲测可用）
1：一般使用ide打开项目的时候我都是直接将新的项目文件夹拖进去就可以再打开一个项目，但是vscode的时候直接通过file ->open file 会覆盖原来的文件夹，这时候应该怎么办呢1我们通过 选项file ->open workspace的选项打开文件夹就好了...原创 2019-03-28 15:50:05 · 12810 阅读 · 0 评论 -
将json数据格式转化成excel插件JsonExportExcel.js的使用demo
公司业务中有做报表导出的功能，后端给的是json数据，也就是表格数据，我要做的就是在前端生成表格，并且可以下载，在万能的百度上搜索到了插件JsonExportExcel.js现在看下使用方法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></...原创 2019-04-09 10:11:19 · 8581 阅读 · 2 评论 -
angularjs ui-router详解
1：首先为什么选择ui-router,而没有选择ng-router最主要的原因是ui-router路由可以多层路由嵌套具体用法1：首先引入这个插件2：如何使用路由1：首先全局注入路由模块angular.module('mainApp',['ul.router'])2:开始使用首先，配置路由 angular.module('mainApp',['ui....原创 2019-05-13 16:24:01 · 2230 阅读 · 0 评论 -
点击一个地方显示某个元素，点击其他地方隐藏某个元素实现
今天做工作的时候有一个需求，实现留言功能的业务，这个业务基本上是仿的是csdn博客的留言区功能。当点击留言文本域的时候呢发表留言的按钮会出现，点击其他的地方的时候留言按钮就会消失。这个其实也很好实现，一开始没成功，原因是我竟然忘记了事件冒泡。。打脸打脸~所以整理了一下记录下。首先写一下阻止事件冒泡的函数function stopPropagation(e){ if(e.stopPropaga...原创 2018-06-07 15:19:34 · 5663 阅读 · 0 评论 -
git使用二
上面一篇我们已经创建好本地仓库，并且把文件放到本地仓库了，下面我们来讲一下如何上传代码到你的githup上首先登录你的github，新建一个仓库只需要填入仓库名字即可，这里我跟着学习资料填的命名为learngit，这个仓库是空的，可以从这个仓库克隆出新的仓库，也可以把一个已有的本地仓库与之关联，然后，把本地仓库的内容推送到GitHub仓库。第二步就是关联仓库，就是把你的本地仓库和你的github上...翻译 2018-06-14 10:56:48 · 185 阅读 · 0 评论 -
layui分页使用
layui分页使用个人觉得比bootstrap使用来的复杂，这里说一下layui分页的使用方法var currPage =1;var limit =10;laypage.render({ //layui分页 elem:'page', //分页容器id count:count,//总条数 curr:currPage,//当前页 limit:limit,...原创 2018-04-18 16:18:08 · 9677 阅读 · 0 评论 -
Flex布局了解一下
首先什么是flex布局呢，flex是flexible box的缩写，意思是弹性布局。用来为盒状模型提供最大的灵活性。任何容器都可以指定为flex布局。块级元素，行内元素，行内块元素类型的元素都可以设为flex布局。下面举例div.container{ display:flex;}flex布局分为两块，一是最外层的flex容器，也就是我们设置为display:flex的容器。这个容器的直接子元...原创 2018-05-09 17:08:09 · 851 阅读 · 0 评论 -
面试题之用js实现乘法口诀
记得很早之前自己还是小白的时候去一家公司面试，其中笔试题有一题是让用js去实现九九乘法口诀。。那时候真的是小白，只是心里有个大概，但是提起笔却不知道具体怎么写，现在我明白了估计是那时候没啥经验，编码能力太弱，今天工作比较少，花了几分钟时间写了一下，算是一雪前耻~~~哈哈<script type="text/javascript"> for(var i=1;i<=9;i++){...原创 2018-05-07 16:51:39 · 403 阅读 · 0 评论 -
前端常见面试题总结
你们觉得什么样的工作最不能一直做，我觉得是安逸。尤其是我们，没有五年八年经验的刚入行的。准备换工作，虽然工资不算低，但安逸是一种毒药，而且很容易上瘾。css：行内元素有哪些？块级元素有哪些行内元素：span,a,b,img,input,strong,select,label,em,button块级元素：div,ul,li,dl,dt,dd,p,h1-h62:css引入方式...翻译 2018-05-21 09:59:45 · 2810 阅读 · 0 评论 -
js对象的使用
今天开发有一个需求，是需要把客户的姓名，年龄，成绩保存到一个对象中发送给后端使用，所以总结一下对象如何使用声明一个对象var peopleInfor={};或者var peopleInfor=new Object();动态添加属性并复制的方法peopleInfor['name']='lili';这样peopleInfor对象中就会增加一个name属性值并且值为lili，那使用该属性的方法就是peo...原创 2018-05-25 17:36:43 · 220 阅读 · 0 评论 -
jquery简单实现星星评分组件
一般我们会从后台接收评分参数，那我们前端如何像淘宝，豆瓣一样做五星好评之类的显示呢，这里我们用实例讲解一下提示：我做的比较粗糙，采用了向上取整的方式，怎么说，就是小数点统一向上取整，比如4.5就是五分好评，其实淘宝评分的时候也就只能是一星一星的是吧，都是整数，但是豆瓣就可能不止是整数，所以还是根据自己的业务做判断吧思路：最重要的思路就是把评分转化成数组表示，比如：评分是四分我们就这么表示[1,1,...原创 2018-05-26 16:45:56 · 3050 阅读 · 3 评论 -
localStroage 与sessionStroage使用
今天在做项目的时候用到了本地存储，要存储的是一个数组对象，数据如下var data=[{cartNum:1,name:上衣,price:￥100},{cartNum:2,name:牛仔裤,price:￥200}]我就直接照下面这样存储了，结果存的时候并没有报错，但是取得时候就出错了照上面的写法取值的时候控制台打印输出是这样的后来查了下，原来不能直接存储一个对象的，必须使用JS...原创 2018-05-16 18:03:29 · 692 阅读 · 0 评论 -
git初识
今天无意中听一个新来的同事说他们之前的公司使用的git来控制版本。我们公司用的一直都是svn，所以就好奇去学了一下git现在我们来看下git基本用法首先去git官网下载自己的系统对应的版本，附上官网链接https://git-scm.com/download下载完以后一路next安装即可。然后进入到命令行首先第一步：创建一个版本库，这个版本库可以自己选一个合适的地方。这里举例创建版本库，创建一个新...原创 2018-06-13 23:00:08 · 286 阅读 · 0 评论 -
网站优化之图片懒加载
作为一名前端，网站优化是非常重要的。很少网页会是没有图片的，尤其是做商城类的项目，那商品页面肯定会用到大量的图片，如果你一打开页面就加载该页面的所有图片那肯定会很慢，用户体验也是极差的。那这时候就需要用到图片懒加载的技术，这里说一下什么是图片懒加载以及如何进行懒加载你可以随意打开一个没有做懒加载的页面，打开控制台观察network，你会发现当你浏览到该页面的时候会请求该页面的所有图片。而懒加载图片...原创 2018-05-31 10:29:24 · 546 阅读 · 0 评论 -
获得location参数方法
假设a,b是你要传的参数的变量名称var a;var b; var url = "./punch/clock_frm.html?a="+'你好'+'&b='+'爱你'var restData = new Object(); if ( url.indexOf( "?" ) != -1 ){ var str = url.split( "?" ); var strs=str[1].spli...原创 2018-04-17 17:33:51 · 2052 阅读 · 0 评论