- 博客(190)
- 资源 (23)
- 收藏
- 关注
RSS订阅原创 点击图片，触发文件上传效果
点击图片，触发上传文件的效果，上效果图思路：使用input标签，设置type=”file“，将input样式透明度设置为0，背景设置为图片即可。上代码
2022-06-22 16:25:14
419
原创 解决z-index层级高的不能获取点击事件的问题
在项目开发中，利用z-index属性，高层级的覆盖住了低层级的div块，但是高层级的点击时间，一直获取不到，那么怎么解决呢？.back_month { pointer-events: none;//}pointer-events的值设置为none之后,浏览器将不会获得鼠标在当前位置的层上的点击事件,而造成鼠标穿透的效果!...
2022-05-07 16:33:47
888
原创 通过$refs切换tab动态加载不同的组件
在项目开发中，经常会遇到，切换不同的tab页，展示不同的数据的需求。不同的应用场景需求不一样，有的需要切换tab页，不时时网络请求数据，这就需要做数据缓存，components组件本身就加载一次，数据可以缓存；有的需求则就需要动态加载，那么我们怎么做呢，可以通过用refs来调用子组件的网络请求方法。（一）index界面index界面通过v-show绑定了不同的界面，根据不同的tab，来控制数界面的切换。<div class="rewardIndex"> <div class=
2022-03-16 17:22:47
941
原创 promise处理异步请求的两种写法
第一种写法 getNewFile() { return this.request .httpPostJson(this.$API.FILE_LIST, { moduleId: "xxx, phaseCode: "xxx" }) .then(res => { //resolve(res); console.log(res); })
2022-03-14 16:52:55
1265
原创 vue项目引用图片
<div style="flex:1"> <img class="imgs" :src="labelImg[index]" /></div>export default {data() { return { labelImg: [ require("@/assets/talent/gold.png"), require("@/assets/talent/silver.png"), require
2022-02-17 17:10:10
271
原创 如何设置小于12px大小的值
一般浏览器，默认字体大小为12px，那么如何设置小于12px大小的字体呢，可以用scale（）方法进行字体缩放，直接上代码。 font-size: 9px; text-transform: scale(0.75); -webkit-transform: scale(0.75);
2022-02-17 17:04:18
587
原创 vue根据返回的不同值，绑定不同的class
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: #
2022-01-20 16:01:44
838
原创 Promise对象
所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。常规用法function getInfo(){ return new Promise(resolve=>{ //网络请求 ajax("wwww").then(res=>{ resolve(res) }
2021-11-19 15:13:01
480
原创 vue项目中如何传递参数
vue项目中如何传递参数vue项目中，页面之间总是会需要传递参数，在这里我介绍两种传递参数的方法，直接上代码。方法一：通过router，传递页面参数。传递页面this.$router.push({ name: "changeSign", params: { sign: this.user.autograph } });接收参数页面this.oldSign = this.$route.params.sign;方法二：通过route，页面返回的时候，
2021-08-19 14:36:42
2852
原创 router返回时携带参数
vue项目中如何在router.back()的时候携带参数呢，又如何在界面中获取返回的参数呢？废话不多说，直接上代码。1、在返回界面传递参数 this.$route.params.user = "123"; this.$router.back();2、在返回到的上一个界面接收参数 let previousRouterName = ""; let selectUser = ""; beforeRouteEnter(to, from, next) { previousRouterName
2020-12-21 09:33:52
23236
10
转载 问题解决--npm install 安装依赖一直失败
转载自：https://blog.csdn.net/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.
2020-08-13 14:01:15
13133
原创 伪类元素
伪类选择器是用来给超级链接的不同状态来设置样式。选择器含义:link向未被访问的链接添加样式:visited向已被访问的链接添加样式:hover当鼠标悬浮在元素上方时，向元素添加样式:active鼠标放在元素上面时，点击的一瞬间伪类选择器是有顺序的，如果不按照顺序来写，样式就会失效。...
2020-06-03 17:20:58
198
转载 SVN更新或提交时出现冲突该如何解决
版本冲突原因：假设A、B两个用户都在版本号为100的时候，更新了kingtuns.txt这个文件，A用户在修改完成之后提交kingtuns.txt到服务器，这个时候提交成功，这个时候kingtuns.txt文件的版本号已经变成101了。同时B用户在版本号为100的kingtuns.txt文件上作修改，修改完成之后提交到服务器时，由于不是在当前最新的101版本上作的修改，所以导致提交失败。版本冲突现象：冲突发生时，subversion会在当前工作目录中保存所有的目标文件版本[上次更新版本、当前获取的版本
2020-05-29 17:26:30
8599
原创 复合元素选择器
复合元素选择器包括：（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;}
2020-05-09 09:57:34
225
原创 vue实现日历样式
最近，项目组要求仿照企业微信的打卡功能，实现报工的日历展示功能，看了很多资料，现在此自己总结一下思路，以做记录。首先看界面效果：我先描述一下思路：首先判断当前月份一共有几天total，然后找到当月的1号是周几，找到在日历中显示的位置，然后依次往数组里添加对象，有几天就添加几条数据。一、页面样式布局<template> <div class="date-page"&...
2020-04-20 17:31:18
2097
原创 js在数组中查找对应id的对象
初学js，需要在数组中获取对应id的项目信息，查找资料后，发现可以用es6的find（）方法来实现，特以此来做记录。一、find（）简介数组实例的find方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。二、实例[1, 4, -5, 10]....
2020-03-27 09:36:01
12590
原创 js判断对象是否为空
如何判断返回对象为空？一、通过ES6新增的一个Object.keys()方法该方法会返回一个由给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for…in… 循环遍历该对象时返回的顺序一致 。即可以通过返回数组的长度来判断是否为空对象，若为空对象，该数组长度为0。例：let person={name:"张三",age:"20"}if (Object.keys(person...
2020-02-19 15:55:54
1850
转载 CSS中的五大选择器
一、元素选择器最常见的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代码会对整个...
2019-12-10 16:38:21
2153
原创 如何搭建vue项目
如何利用Node配置vue的运行环境，我就不多说了，大家可以自行配置，安装好了环境，我们来介绍一下怎么新建一个vue的项目。一、新建项目利用vue-cli创建vue项目，执行命令：vue create hello-world生成对应目录：二、添加相关依赖//添加iViewnpm install view-design --save//添加vue-routernpm insta...
2019-12-04 09:41:13
191
原创 初步用Echarts实现圆饼图
首先让大家看一下最后的效果:初次使用Echarts来完成图表的效果，仅此记录一下。一、引入Echartsimport echarts from "echarts";二、写引入图表的布局 <div class="data_governance_div"> <div class="data_quality_div" ref="main_...
2019-11-29 15:01:38
1040
原创 vscode如何调试vue代码
**我遇到的问题就是：我用的是vscode开发工具，自己用vue写了一个简单的页面，但是在浏览器中打开的源码都是编译过后的代码，没办法打断点，怎么办呢？（一）新建文件夹（二）配置文件module.exports = { lintOnSave: false, configureWebpack: { devtool: 'source-map' }...
2019-10-30 15:14:55
2959
转载 css样式—字体垂直、水平居中
转载：https://www.cnblogs.com/huchong/p/7875127.html<div class="tt">啦啦啦</div>.tt{ padding: 0px; width:500px; height:200px; text-align:center...
2019-09-30 15:41:56
1809
转载 Android Studio获取开发版SHA1值和发布版SHA1值
转载自：https://www.cnblogs.com/arxive/p/6978364.html前言：今天我想把百度地图的定位集成到项目中来，想写个小小的案例，实现一下，但在集成百度地图时首先要申请秘钥，申请秘钥要用到SHA1值，所以今天就来总结一下。正常情况下：一、获取开发版SHA1：在此我直接用Android Studio提供的命令控制台了，毕竟做Android开发几乎都是用And...
2019-09-25 17:21:05
176
原创 cordova开发插件之基础
cordova开发插件，以一个toast功能的安卓插件为例，我们来了解和熟悉cordova平台开发插件的流程。（一）新建插件前提是安装了cordova的环境，安装过程我就不在详细说明，下面我们开始开发插件。1、创建cordova plugin 插件命令:plugman create --name [插件名] --plugin_id [插件ID] --plugin_version [插件版本...
2019-09-23 14:03:15
197
转载 SparseArray浅析
HashMap是java里比较常用的一个集合类，我们一般用来缓存一些处理后的结果。但当你做一个Android项目时，在代码中定义这样一个变量，实例化时，Eclipse却给出了一个 performance 警告。意思是说Map已经不用了，使用SparseArray代替，以获取更好性能。为什么用SparseArray呢，单从字面意思，SparseArray就是稀疏数组（参见 http://hi....
2019-08-12 16:45:39
331
原创 上传文件报错
在应用中上传文件的需求很常见，比如头像，一般都是上传头像文件，之前项目都能成功上传到接口，最近接手一个新项目，是在原来的基础上增加新的功能，上传头像文件确怎么也上传不上去，返回报错信息org.json.JSONException: Value <!DOCTYPE of type java.lang.String cannot be converted to JSONObject找了半天...
2019-07-31 17:02:10
828
原创 将Base64字符串转换成Bitmap
**如何后台没有做处理的话，返回的Base64字符串一般data:image/jpeg;base64,/9j/4AAQSkZJRgA..........我们 截取“，” 后面的字符串，转换成Bitmap既可展示图片。 //将返回的base64转换成图片 public static void setImage(String imageStr, ImageView image) { ...
2019-07-31 16:41:18
4666
原创 EditText选中后显示光标
对EditText设置 android:cursorVisible="false"后，EditText的光标就不会显示，当点击EditText后可以设置显示光标。 //点击选中获取光标 editText.setOnClickListener(new View.OnClickListener() { @Override publi...
2019-07-31 14:05:38
1054
原创 viewPager+Fragment踩过的坑
最近由于项目需求，需要做问卷调查功能，点击上一题和下一题可以切换题目，做完第二道题目需要发网络请求，第三题是根据第二题的选项显示不同的题目，首先我想到的技术路线是：viewPager+fragment，由此实现，在此记录一下踩过的坑。
2019-07-02 15:41:45
1025
原创 WebView处理里面的超链接点击事件
webView加载html网页，我相信大家都会写，但是怎么处理html里面的超链接呢，如果不做处理的话，点击html中的超链接，会调用android系统中自带的浏览器进行页面展示，这是不符合我们的需求的，我们要在当前界面进行展示，只要我们重新定义shouldOverrideUrlLoading()方法即可。 webView.setWebViewClient(new WebViewClient...
2019-06-28 14:15:58
4581
原创 错误提示：Error: Activity class {} does not exist解决方法
今天用android studio将项目运行到手机时候，突然报错：Error: Activity class {} does not exist，Error while Launching activity，我特地去AndroidManifest.xml文件中找对应的activity，确实是存在的呀，配置也没有问题，搜索了半天，才找到原因所在，原来是因为android studio的instant...
2019-06-05 17:04:04
11660
4
转载 Cordova+Vue开发Android应用
转载自：https://www.jianshu.com/p/037e4634432d一、安装 Npm这里就不给出具体安装了，可以百度一下或者参考下面链接。node.js安装 官方文档二、安装 Vue脚手架执行命令:cnpm install --global vue-cli三、安装 Cordova已经安装cordova则跳过,否则执行下面命令：npm ins...
2019-05-09 13:35:11
2686
原创 webView加载H5界面，显示高度不正确
项目中需要加载webView界面，是一个很长的列表，然后点击webView中的某个地方，会加载新的H5界面，但是在手机上显示的位置不正确，如果滑动到底部，点击加载到新H5界面，新的界面位置显示是一片空白，你需要往上滑动才看到新加载的界面。这是因为共用的是同一个webView加载的，需要重新设置webView的高。 DisplayMetrics dm = new DisplayMetric...
2019-05-05 17:14:45
3118
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人