阿尔卑斯丶： js判断当前登录设备

公司客户需要根据不同的登录设备进行不同的页面显示，因为两个版本的样式差距比较多，所以准备了两套不同的css样式表进行排版布局显示。首先是如何进行设备判断：<script type="text/javascript"> var urlh... 全文

2019-11-11 17:39 来自版块 - 前端

阿尔卑斯丶： 特定时间执行某个函数

window.setInterval(function() { var refreshHours = new Date().getHours(); var refreshMin = new Date().getMinutes(); ... 全文

2019-10-25 15:21 来自版块 - 前端

阿尔卑斯丶： 手机端设置背景图片的两种方式

方法一：<div class="wrap" > </div>.wrap { width:100%; height:100%; position fixed; z-index -10 background... 全文

2019-07-08 09:38 来自版块 - 前端

阿尔卑斯丶： 最最最简单的可输入下拉框

公司需要我们写一个可输入的下拉框，网上找度娘问了一下，发现了一个最简单的方法：<input type="text" name="greeting" list="greeting"> <datali... 全文

2019-07-03 10:51 来自版块 - 前端

阿尔卑斯丶： vue中的定时器问题

vue中清除定时器的时候！！！！！！，除了在methods中要使用window.clearInterval之外千万记得要在beforeDestroy或者destroyed中清除！！！！！！！！！！！！！！！！！！clearTurnPage(){ window.clearI... 全文

2019-05-31 09:45 来自版块 - 前端

阿尔卑斯丶： vue中登录密码加密问题

众所周知，在登录中不能使用明文密码进行传输给后台，因为这样极易被拦截请求后找到登录账号和密码，所以在前端传值给后台时需要进行加密，这里讲两个加密方式，分别是base64和SHA1。第一步：安装base64npm install --save js-base64npm instal... 全文

2019-05-23 10:04 来自版块 - 前端

阿尔卑斯丶： vue+element 日期控件只能选择今天及之前

需求，日期选择只能是今天及今天之前的。代码：<el-form-item label="按月查询："> <el-date-picker style="width:100%" ... 全文

2019-05-14 18:00 来自版块 - 前端

阿尔卑斯丶： vue中自定义图例文字

工作中遇到需要自定义图例文字的需求，大概思路是需要使用rich进行样式设定，然后再使用formatter方法进行自定义设置。rich的设置如下：textStyle: { rich: { a: { ... 全文

2019-05-09 15:40 来自版块 - 前端

阿尔卑斯丶： 图片重叠显示

公司让使用图片来作柱状图样式显示比例，大概样式如下：上图是使用两张图片叠在一起，通过宽度进行的显示，灰色图片在下边，蓝色图片在上边，蓝色图片通过百分比来覆盖在灰色图片上边。代码如下：html：<div style="width:65px;height:16... 全文

• 

2019-04-18 16:48 来自版块 - 前端

阿尔卑斯丶： vue路由传参

日常踩坑：路由传参今天需要做vue中两个页面之间跳转并且需要传递参数从第一个页面到第二个页面，然后开始了踩坑之旅；假设从A页面跳转至B页面：第一种：query传参：A页面传递参数：handleEdit(index,row){ if(index==0){ retu... 全文

2019-04-18 15:16 来自版块 - 前端

阿尔卑斯丶： vue+element下拉菜单进行搜索查询

最近公司的项目中需要使用类似于百度搜索的某个功能，即在输入框输入内容后能够将模糊查询的内容在输入框下显示出来。在vue中如何引入element-ui这里就不多做说明了，直接上代码在vue中的最大的template中使用组件：<div style="disp... 全文

• 

2019-04-17 09:49 来自版块 - 前端

阿尔卑斯丶： 自定义alert样式

在工作中会经常遇到想使用alert，但是alert的样式简直是奇丑无比，有时候又想直接使用怎么办呢？能不能像element-ui一样自定义样式呢？话不多说，直接上代码！（毕竟现在公司时间紧，任务重-----纯属吐槽）CSS样式：#msg { height: 3rem; ... 全文

2019-03-27 09:32 来自版块 - 前端

阿尔卑斯丶： first-child和first-of-type的区别

今天在工作中遇到一个不是问题的小问题，错用first-child，导致样式没生效。需求是需要使用伪元素为ul下边的li添加一个图标，在没注意分析代码的前提下就贸然使用了first-child，结果并没有生效。真是让人一头大汗。接下来分享一下遇到的这个不是问题的问题：代码类似于：&... 全文

2019-03-06 17:44 来自版块 - 菜鸟栏

阿尔卑斯丶： 拖拽排序功能（sortable.js）

在最近的工作中涉及到了拖拽排序的功能，在网上寻找了很久，大致分为两种：Sortable.js与H5的drag。这里和大家分享一下sortable.js进行拖拽排序。首先第一步当然是先下载此插件，插件地址是：sortable.js下载 第二步当然就是查看API文档了，因为此文档... 全文

2019-02-20 15:43 来自版块 - 前端

阿尔卑斯丶： 数组的扩展（flat）

在实际工作中经常会出现数组的成员还是数组，所以有时候我们会希望可以将多层数组“扯平”来显示，在ES6中对数组的扩展中出现了一个新的方法（Array.prototype.flat()）来完成这样的工作。有一个多层数组，如下[1, 2, [3, 4]]我们可以使用以下方法将其“扯平”... 全文

2019-01-03 11:35 来自版块 - 前端

阿尔卑斯丶： vue报错Do not use built-in or reserved HTML elements as component id

今天在进行代码编写的时候，出现了一个报错，报错显示的是：Do not use built-in or reserved HTML elements as component id：header刚看到这个报错的时候不知道问题出在哪里，在经过一番百度之后，发现问题出在我写的impor... 全文

2018-12-27 11:49 来自版块 - 前端

阿尔卑斯丶： const声明的值真的是无法改变的吗？

在ES6中，新增了两个声明的命令，分别是let和const，很多人都说const声明的是常量，既然是常量，那么真的都是无法进行改变的吗？事实上，const并不是保证变量的值不变，而是变量指向的那个内存地址所保存的数据不得改动。那么既然这么说了，那岂不是不那么确定啦？！是的对于基本... 全文

2018-12-20 17:12 来自版块 - 前端

阿尔卑斯丶： <input type="number">的坑

input输入框有很多的type，但是有些type是有坑的，举个栗子，type=“number”乍看之下是不是觉得type是number的时候只能输入数字？那可就错了，type=“number”实际上是可以输入很多东西的，可以输入e，可以输入+-.等内容。而且，它的默认样式会出现... 全文

2018-12-12 17:31 来自版块 - 前端

阿尔卑斯丶： 自定义滚动条

在实际工作中很多默认样式不够美观，因此我们需要对默认样式进行更改，这里讲一下如何自定义滚动条。首先分析一下滚动条的构成：分为整体的滚动条样式、滚动条的滑轨、滚动条的滑块。这三部分在CSS中的代码就分别是：-webkit-scrollbar、-webkit-scrollbar-th... 全文

2018-12-12 17:20 来自版块 - 前端

阿尔卑斯丶： vue+elementUI进行字符类型验证

最近公司的项目中制作了一个运营平台，当中很多的输入框之中都需要进行输入的字符类型验证。如果是在HTML之中直接写的话，我们可以在HTML中直接书写，例如：<input type="text" name="username" onke... 全文

2018-11-30 14:55 来自版块 - 前端