- 博客(33)
- 收藏
- 关注
原创 自动化测试(Java+eclipse)教程
自动化测试语法在IDEA和eclipse中有差别,导入包的方式也不一样,网上更多的教程都是在IDEA下进行的,由于比赛要用到eclipse进行java编码,特整理一篇基础教程。
2023-11-08 12:34:38
2045
1
原创 uniapp项目中遇到的需求
1、将蓝色的png图片变成白色CSS3 filter(滤镜) 属性原图片-webkit-filter: grayscale(100%) brightness(300%); /* Chrome, Safari, Opera */filter: grayscale(100%) brightness(300%);grayscale(100%)是将代码变成灰色brightness(300%) 将图片设置高亮,不够亮就把百分比再往上调2、uniapp中的video组件非全.
2022-05-28 19:14:41
1214
2
原创 C语言--链表(静态、动态)& 链表合并练习
链表是由一系列节点组成的,每个节点包含两个域,一个域是数据域,数据域用来保存数据;另一个是指针域,保存下一个节点的地址,链表在内存中是非连续的。
2021-10-17 12:01:08
294
原创 display:flex布局下设置white-space:nowrap出现bug
在设置了white-space: nowrap;的父级元素上添加min-width: 0;属性
2021-04-22 20:13:36
355
原创 uniapp view容器自动换行&&溢出隐藏
view容器文本过长不做任何css修饰情况下view容器自动换行word-wrap: break-word;word-break: break-all;white-space: pre-line;效果:显示全部文字,不是我想要的效果。设置固定行数,溢出部分用省略号代替// 必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。display: -webkit-box;// 设置或检索伸缩盒对象的子元素的排列方式 。-webkit-box-orient:vertical;// 用省
2021-03-08 11:01:22
10047
1
原创 2021-01-07
1、state在组件中使用Vuex<div class="HelloWorld"> <h1>{{ $store.state.name }}</h1></div>或在组件方法中使用methods:{ print(){ console.log(this.$store.state.name) }}在Vue项目开发中,需要监控项目中得各种值,为了提高效率,Vue提供了一款浏览器扩展——VueDevtools。如何安
2021-03-01 15:43:24
109
原创 SpringBoot+uniapp实现数据获取
1、设计数据库表结构单纯的测试数据,结构不严谨。create table if not exists activity(id integer unsigned primary key auto_increment,imgURL varchar(255) not null,title varchar(255) not null,classification varchar(255) not null,address varchar(255) not null,starttime varchar
2021-02-06 13:47:07
4775
34
原创 初识Vuex
1、Vuex是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vue有五个核心概念,state, getters, mutations, actions, modules。接下来将对这个五个核心概念进行梳理。State:State 意为“状态”,是 vuex 状态管理的数据源。Getter:Getter 的作用与 filters 有一些相似,可以将 State 进行过滤后输出。Mut
2021-01-08 12:02:57
163
原创 【cube-ui】使用ScrollNav组件实现菜单部分
介绍先看看cube-ui组件库中ScrollNav组件的详细介绍:https://didi.github.io/cube-ui/#/zh-CN/docs/scroll-nav这个组件实现了左右联动、顶部吸附…有其他需求可稍作修改开始options是better-scroll配置项,具体介绍:https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html#freescrollhtml代码部分<template>
2020-11-30 22:39:07
764
原创 vue的一生【生命周期函数】
前言生命周期听着并不陌生,但不太会用。。。所以今天来啃啃这个硬骨头。开始vue.js生命周期官方文档:https://cn.vuejs.org/v2/guide/instance.html生命周期图示:这样子看可能还不太理解,来看看实例:<div id="app"> {{message}} </div> <script type="text/javascript"> var app = new Vue({
2020-11-30 21:20:50
164
原创 cube-ui 【createApi模块(以API的形式调用自定义组件)】
背景需要编写一个点击 绑定点击事件的div 之后弹出蒙层,原本可以把弹层代码嵌套在一个组件内部,但是对于全屏类的弹窗而言,把组件放在body下是最保险的,比如弹层用了fixed布局,很容易受到组件内部其他因素的影响从而产生bug不能很好地展示弹层;现在可以利用cube-ui的createAPI模块来调用自定义组件去避免产生错误。介绍createAPI官方文档:https://didi.github.io/cube-ui/#/zh-CN/docs/create-apicreateAPI(Vue, Co
2020-11-26 18:03:06
737
原创 vue数据封装及获取
前言这个项目之前马马虎虎写过一遍,但是精髓全都没学到,所以我又来了。还纠结了一下要写一期还是二期,想想还是写二期吧,二期主要突出js代码部分、弱化css代码部分、也去掉了vue-router改成使用cube-ui了,话不多说,开干!创建项目这个就很简单了,我的vue-cli版本是3.0+,所以。。。vue create <项目名称>因为这个课程要用到cube-ui,所以我们还要安装一下cube-ui依赖https://didi.github.io/cube-ui/#/zh-CN
2020-11-25 22:43:39
1014
原创 js基础(不完全)
算数运算符算数符优先级:先乘除后加减% —> 取余运算符,余数为零就说明这个数能被整除1、前置递增运算符:(自增自减运算符只能和变量搭配使用)eg:(先+1,后返回值)let age = 10;++age; // 类似于age = age +1console.log(age) // 112、后置递增运算符:eg:let num = 20;num ++; // --> num = num + 1console.log(num); // 21三元
2020-11-04 23:45:50
128
原创 vue项目中使用Element-ui时遇到的一些问题
报错:[Vue warn]: Invalid prop: type check failed for prop “uniqueOpened”. Expected Boolean, got String with value “true”.源码:解决办法:加上冒号即可原因:prop期待传入的是布尔值,而你传入的是字符串,类型错误报错:[Vue warn]: Invalid prop: custom validator check failed for prop “index”.源码:解决
2020-10-22 22:33:21
1435
原创 创建vue项目(2.x版本 & 3.x版本)
vue2.x版本1、安装nodejs环境nodejs下载网址:https://nodejs.org/en/检查是否安装成功2、为了提高效率,可以使用淘宝的镜像:http://npm.taobao.org/输入:npm install -g cnpm registry=https://registry.npm.taobao.org,即可安装npm镜像,cnpm可替代npm检查是否安装成功3、搭建vue项目环境全局安装vue-clicnpm install -g vue-cli4、搭
2020-10-09 22:04:28
1310
原创 从页面底部回到顶部+动画效果 & 翻页后从按钮处回到页面顶部
点击按钮从页面底部回到页面顶部(动画效果)效果:template<div>顶部</div><div class="footer">底部</div><div class="toTop" @click="toTop()"> 回到顶部</div>stylebody { height: 2000px; }.toTop { position: fixed; bottom: 140px
2020-10-05 12:14:55
582
2
原创 Vue-router的学习
官方文档:https://router.vuejs.org/zh/安装方法1、npm install vue-router方法2、 在项目中的package.json文件dependencies对象中添加eg:然后,在cmd输入npm install 进行安装(最新版本可在vue-router源码‘https://github.com/vuejs/vue-router’–package.json中查看)引用1、在项目文件main.js中import vue-router(把vue-rou
2020-10-04 18:34:15
178
原创 鼠标点击输入框时value消失,输入框空白时移走鼠标value重现
<input type="text" value="denis@getcraftwork.com" class="ID" onfocus="javascript:if(this.value='denis@getcraftwork.com')this.value=''" onblur="if(this.value=='')this.value='denis@getcraftwork.com'">
2020-08-20 18:54:04
658
原创 百度前端技术学院:第19天,找到那个DOM
百度前端技术学院:第19天,找到那个DOM练习代码:https://github.com/aoteman-web/The-Web-study/tree/master/day19查找元素的方法和属性:document.getElementById('id') //通过id查找元素document.getElementsByTagName('标签名') //通过标签名查找document.getElementsByClassName('类名') //通过类名查找元素//以下需使用IE8以上版本
2020-06-04 13:45:12
270
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人