primayin22-CSDN博客

原创前端算法题

// 判断是否回文 var str = 'resiviser'; function reserve(str) { return str === str.split('').reverse().join(''); } // 数组去重 function unique(arr) { const container = {}; ...

2019-08-22 21:37:03 116

原创倍图转换

setImg(name) {var last = name.lastIndexOf(".");var name = name.substring(0, last);return `${name}@2x.png 2x, ${name}@3x.png 3x`;},

2019-08-10 19:33:50 142

转载电商项目购物车存储

二、Cookie形式l Cookie知识Cookie是由服务器产生，存储在客户端的一段信息。它定义了一种Web服务器在客户端存储和返回信息的机制，Cookie文件它包含域、路径、生存期、和由服务器设置的变量值等内容。当用户以后访问同一个Web服务器时，浏览器会把cookie原样发送给服务器。通过让服务器读取原先保存到客户端的信息，Cookie存储在客户端，且占用很...

2018-11-13 14:19:16 1171

转载快速简单引入Vuex，简单使用

vuex是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。下图：以上是一个表示“单向数据流”理念的示意图，View视图上的用户操作反应到Actions上，Actions改变数据源State，View以声明的方式将state反映到视图上。注：在上篇文章中新建的vue工程的...

2018-10-12 17:34:52 214

转载 VUE笔记

computed是在HTML DOM加载后马上执行的，如赋值；而methods则必须要有一定的触发条件才能执行，如点击事件； watch呢？它用于观察Vue实例上的数据变动。对应一个对象，键是观察表达式，值是对应回调。值也可以是方法名，或者是对象，包含选项。所以他们的执行顺序为：默认加载的时候先computed再watch，不执行methods；等触发某一事件后，则...

2018-10-11 14:58:28 180

转载 css限制文字换行

CSS 设置文字只显示一行，多余显示省略号 .view-text{ /** 思路： 1.设置inline-block属相 2.强制不换行 3.固定高度 4.隐藏超出部分 5.显示“……” */ display: inline-block; white-space: nowrap; width: 100%; ove...

2018-09-29 11:41:13 2111

原创按钮向内阴影

box-shadow: .05em .1em .2em rgba(0,0,0,.6) inset;border-color: rgba(0,0,0,.3);background: #bbb;

2018-08-28 14:22:24 1315

原创 bootstrapTable多选getSelections

bootstrapTable多选$("#btn_print").click(function(){ var a= $("#showTable").bootstrapTable('getSelections'); if(a.length<=0){ textModal("请选择一行"); return; }else { ...

2018-08-21 14:09:49 12841 2

原创时间格式不换行

.p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;} 场景描述：在条目列表中经常遇到，要求固定高度的一行文本，随着窗口页面的收缩或分辨率的调整，对该文本进行隐藏展示，超过部分采用省略号“...”来表示。DIV基本原理：三行CSS代码1、white-space:nowrap;white-space属性表...

2018-08-20 14:37:44 653

原创 tab切换

在前端开发过程中，经常会遇到tab切换，以及鼠标滑动显示tab内容的情况，在这里总结一下。1、鼠标点击tab切换//tab切换 $(".tab").eq(0).show(); $(".nav ul li").click(function(){ var num =$(".nav ul li").index(this); $(".tab").hide()...

2018-04-17 11:10:57 399

原创如何鼠标悬浮显示隐藏图片

<a class="show_img" href="file.xlsx">EXCEL模板</a><div class="hide_img"><img src="img/imgShow.png"></div>.hide_img{ display:none; z-index:9999; pos

2018-04-17 10:23:03 4399

qiankuang7670的博客