uniquemei的博客

清除console.log打印

vue项目，利用xlsx组件，读取表格中的数据

点击图片，触发上传文件的效果，上效果图思路：使用input标签，设置type=”file“，将input样式透明度设置为0，背景设置为图片即可。上代码

js压缩base64图片的方法

在项目开发中，利用z-index属性，高层级的覆盖住了低层级的div块，但是高层级的点击时间，一直获取不到，那么怎么解决呢？.back_month { pointer-events: none;//}pointer-events的值设置为none之后,浏览器将不会获得鼠标在当前位置的层上的点击事件,而造成鼠标穿透的效果!...

js中正则表达式的基本符号

在项目开发中，经常会遇到，切换不同的tab页，展示不同的数据的需求。不同的应用场景需求不一样，有的需要切换tab页，不时时网络请求数据，这就需要做数据缓存，components组件本身就加载一次，数据可以缓存；有的需求则就需要动态加载，那么我们怎么做呢，可以通过用refs来调用子组件的网络请求方法。（一）index界面index界面通过v-show绑定了不同的界面，根据不同的tab，来控制数界面的切换。<div class="rewardIndex"> <div class=

第一种写法 getNewFile() { return this.request .httpPostJson(this.$API.FILE_LIST, { moduleId: "xxx, phaseCode: "xxx" }) .then(res => { //resolve(res); console.log(res); })

1、先写好不同的样式.categoryZx { flex: 1; text-align: center; background: #fd6f01; height: 40px; border-radius: 22px; line-height: 40px; color: #ffffff; font-size: 18px;}.categoryFl { flex: 1; text-align: center; font-size: 18px; color: #

所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。常规用法function getInfo(){ return new Promise(resolve=>{ //网络请求 ajax("wwww").then(res=>{ resolve(res) }

vue项目中如何传递参数vue项目中，页面之间总是会需要传递参数，在这里我介绍两种传递参数的方法，直接上代码。方法一：通过router，传递页面参数。传递页面this.$router.push({ name: "changeSign", params: { sign: this.user.autograph } });接收参数页面this.oldSign = this.$route.params.sign;方法二：通过route，页面返回的时候，

:value="`${detailData.duration}天`"

vue项目中如何在router.back()的时候携带参数呢，又如何在界面中获取返回的参数呢？废话不多说，直接上代码。1、在返回界面传递参数 this.$route.params.user = "123"; this.$router.back();2、在返回到的上一个界面接收参数 let previousRouterName = ""; let selectUser = ""; beforeRouteEnter(to, from, next) { previousRouterName

转载自：https://blog.youkuaiyun.com/qq_36789311/article/details/99691331问题提出：最近学习vue项目，在执行npm install命令安装依赖包的时候，要么报错，要么就是一直卡在那里，如下：问题解决：（1）删除 C:\Users\Administrator\AppData\Roaming 路径下的 npm和npm-cache2个文件夹（2）执行命令 npm install -g cnpm --registry=http://registry.

伪类选择器是用来给超级链接的不同状态来设置样式。选择器含义:link向未被访问的链接添加样式:visited向已被访问的链接添加样式:hover当鼠标悬浮在元素上方时，向元素添加样式:active鼠标放在元素上面时，点击的一瞬间伪类选择器是有顺序的，如果不按照顺序来写，样式就会失效。...

复合元素选择器包括：（1）多元素选择器选择器1，选择器2，选择器3{属性：值；}例如：p1,h1{margin:0px;}含义：多元素选择器，同时匹配选择器1和选择器2，多个元素之间用逗号隔开。（2）后代选择器E F{属性:值；}例如：#slideer p{font-color：#990000}含义：后代元素选择器，匹配所有属于E元素后代的F元素，E和F之间用空格隔开。(3)子元素选择器E > F{属性:值；}例如：div > p{color:#990000;}

最近，项目组要求仿照企业微信的打卡功能，实现报工的日历展示功能，看了很多资料，现在此自己总结一下思路，以做记录。首先看界面效果：我先描述一下思路：首先判断当前月份一共有几天total，然后找到当月的1号是周几，找到在日历中显示的位置，然后依次往数组里添加对象，有几天就添加几条数据。一、页面样式布局<template> <div class="date-page"&...

初学js，需要在数组中获取对应id的项目信息，查找资料后，发现可以用es6的find（）方法来实现，特以此来做记录。一、find（）简介数组实例的find方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。二、实例[1, 4, -5, 10]....

如何判断返回对象为空？一、通过ES6新增的一个Object.keys()方法该方法会返回一个由给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for…in… 循环遍历该对象时返回的顺序一致 。即可以通过返回数组的长度来判断是否为空对象，若为空对象，该数组长度为0。例：let person={name:"张三",age:"20"}if (Object.keys(person...

一、元素选择器最常见的css选择器当属元素选择器了，在HTML文档中该选择器通常是指某种HTML元素，例如：p,h2,span,a,div乃至html。例如：html {background-color: black;}p {font-size: 30px; backgroud-color: gray;}h2 {background-color: red;}以上css代码会对整个...

如何利用Node配置vue的运行环境，我就不多说了，大家可以自行配置，安装好了环境，我们来介绍一下怎么新建一个vue的项目。一、新建项目利用vue-cli创建vue项目，执行命令：vue create hello-world生成对应目录：二、添加相关依赖//添加iViewnpm install view-design --save//添加vue-routernpm insta...

首先让大家看一下最后的效果:初次使用Echarts来完成图表的效果，仅此记录一下。一、引入Echartsimport echarts from "echarts";二、写引入图表的布局 <div class="data_governance_div"> <div class="data_quality_div" ref="main_...

**我遇到的问题就是：我用的是vscode开发工具，自己用vue写了一个简单的页面，但是在浏览器中打开的源码都是编译过后的代码，没办法打断点，怎么办呢？（一）新建文件夹（二）配置文件module.exports = { lintOnSave: false, configureWebpack: { devtool: 'source-map' }...

5+API集成了个推、小米平台的消息推送机制，保留一下资料1、插件开发指南：http://ask.dcloud.net.cn/article/342、插件推送API:http://www.html5plus.org/doc/zh_cn/push.html

转载自：http://www.bcty365.com/content-146-5189-1.html在App开发中，页面间传值是很常见的开发需求，mui框架根据业务场景不同，提供了两种传值模式。1、页面初始化时，通过扩展参数传值；mui在初始化页面时，提供了extras配置参数，通过该参数可以设置页面参数，从而实现页面间传值；mui框架在如下几种场景下，会执行页面初始化操作：（1）、通过mui.op

转载自http://blog.youkuaiyun.com/androidzhaoxiaogang/article/details/168590991.在本地工程目录找到config文件（我的是在E:\rocket\rocket\.git）；2.修改config文件内容为：[core]    repositoryformatversion = 0    filemode

最近遇到一个需求，就是在cordova项目下，集成消息推送，现在我们来说一下如何将消息推送集成到cordova项目中。一、我们需要下载极光推送的插件，下载地址：https://github.com/jpush/jpush-phonegap-plugin二、(1)建cordova项目：cordova create hello com.example.hello HelloWorld      (2)...

初步学习css，看过之后容易忘记，在此做一下记录。一、margin介绍margin：10px；代表上、右、下、左分别10pxmargin：10px 10px；代表上下、左右分别10pxmargin：10px 10px 10px；代表上、左右、下分别10pxmargin：10px 10px 10px 10px；代表上、右、下、左分别10pxmargin：0 auto;代表上下...

转载自：https://www.jianshu.com/p/037e4634432d一、安装 Npm这里就不给出具体安装了，可以百度一下或者参考下面链接。node.js安装 官方文档二、安装 Vue脚手架执行命令:cnpm install --global vue-cli三、安装 Cordova已经安装cordova则跳过,否则执行下面命令：npm ins...

cordova开发插件，以一个toast功能的安卓插件为例，我们来了解和熟悉cordova平台开发插件的流程。（一）新建插件前提是安装了cordova的环境，安装过程我就不在详细说明，下面我们开始开发插件。1、创建cordova plugin 插件命令:plugman create --name [插件名] --plugin_id [插件ID] --plugin_version [插件版本...

转载：https://www.cnblogs.com/huchong/p/7875127.html<div class="tt">啦啦啦</div>.tt{ padding: 0px; width:500px; height:200px; text-align:center...

我一个混合开发的小白，懂得原生Android开发，但是不懂得怎么混合开发，当时就听别人说：混合开发就是H5开发，然后套上了一成原生的壳子，听着很简单，但是确无从下手，资料都不知道看什么，胡乱看了很多的资料，搜了很多的资料，现在终于可以理清思路，如何利用5+SDK开发插件，离线打包成apk，在这里我就不详细说明了，保留一下自己觉得有用的资料。Android创建最精简离线打包工程：http://ask.