- 每日推荐11.07
西瓜绿2020
分享时下比较流行的优秀国外设计,每日开眼一下;数量四组,每日积累一点点,提高设计审美!#小程序#UI01.音乐播放器移动UI套件模板https://www.uplabs.com/posts/music-player-mobile-ui-kits-template-81dc5e4e-8750-4854-bb10-4f4a01ff94b202.游戏设备商店移动UI套件模板https://www.upl
- 使用JavaScript写拖拽案例
诶呦我那个暴脾气
前端前端拖拽案例JavaScript
//设置HTML标签中的css样式。//用全局选择器(*)把HTML中的默认样式去掉。//设置一个拖拽用的div盒子。使用绝对定位。css代码:*{margin:0;padding:0;list-style:none;}#box{width:100px;height:100px;background-color:hotpink;position:absolute;cursor:move;}HTML
- 2019-03-28作业
您的名称已被使用
html:zuoye1css:.he{width:45px;height:33px;overflow:hidden;position:relative;margin:50pxauto;}.heimg{/*display:inline-block;*/position:absolute;top:-335px;left:-10px;}.heimg:hover{left:-59px;}.heimg:ac
- wex的Scalers Talk第四轮新概念朗读持续力训练Day42 20181118
秦苌
练习材料:Lesson42NotverymusicalAswehadhadalongwalkthroughoneofthemarketsofOldDelhi,westoppedatasquaretohavearest.Afteratime,wenoticedasnake-charmerwithtwolargebasketsattheothersideofthesquare,sowewenttoha
- elementUI 样式小总结
前端开发小陈
elementuivue.jsjavascript
样式代码小总结1.弹窗居中显示,内容过高自行滚动。.dialog/deep/.el-dialog{display:flex;flex-direction:column;margin:0!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:calc(100%-200px);max
- css 动画效果:水平直线来回运动:animation
CAD GIS开发
css前端
background:url(https://hao2.qhimg.com/t01b958e8662853d1c8.png)no-repeat;background-size:119px30px;color:#fff;display:inline-block;height:30px;width:119px;line-height:27px;position:absolute;left:-115px
- 如何在终端中优雅地听歌
小风xf
查了一下网上所谓的终端音乐播放器,似乎都不怎么样,有些还写了巨丑无比的UI,在命令行里画UI是个需要taste的事,画不好就会很丑,显然我不需要这些东西。找着找着,发现macOS上本来就有个命令行播放器,叫afplay,用法也很简单afplay后面加文件名就OK了,我想了想就用它了吧。参考文献http://jujuba.me/articles/terminal_music.html
- Uniapp真机调试没有检测到设备,请插入设备或启动模拟器后刷新再试
深山老林.
uni-app前端
最近用HbuilderX开发遇到了一个问题,之前插上手机就能调试,但最近再写app的时候,插上手机,也打开了开发者模式,但就是检测不到设备。后来发现是要打开MIDI模式。vivo手机路径为:系统管理与升级->开发者选项->默认USB配置->MIDI所以什么是MIDI?MIDI(MusicalInstrumentDigitalInterface,从字面上翻译是音乐设备数字接口)手机连接USB后的MI
- docker安装网易云音乐(yesplaymusic)
跪下,大胆刁民
docker笔记docker容器运维
docker安装网易云音乐(yesplaymusic)演示地址:https://music.qier222.com/镜像地址:https://hub.docker.com/r/fogforest/yesplaymusic/tags项目地址:https://github.com/qier222/YesPlayMusic✨特性✅使用Vue.js全家桶开发网易云账号登录(扫码/手机/邮箱登录)支持MV播
- 使用Docker搭建YesPlayMusic并实现公网访问本地云音乐播放器
nagiY
てんさいdockereureka容器内网穿透
文章目录1.安装Docker2.本地安装部署YesPlayMusic3.安装cpolar内网穿透4.固定YesPlayMusic公网地址本篇文章讲解如何使用Docker搭建YesPlayMusic网易云音乐播放器,并且结合cpolar内网穿透实现公网访问音乐播放器。YesPlayMusic是一款优秀的个人音乐播放器,可以通过Docker方式快速部署在本地服务器。它拥有美观的界面设计,可以绑定网易云
- 【云原生之Docker实战】使用docker部署yesplaymusic个人音乐播放器
江湖有缘
Docker部署项目实战合集docker云原生容器yesplaymusic
【云原生之Docker实战】使用docker部署yesplaymusic个人音乐播放器一、yesplaymusic介绍1.yesplaymusic简介2.yesplaymusic的特性二、检查本地docker环境1.检查本地docker版本2.检查docker状态三、下载yesplaymusic镜像四、部署yesplaymusic应用1.创建yesplaymusic容器2.查看yesplaymus
- 如何使用Docker搭建YesPlayMusic网易云音乐播放器并发布至公网访问
江池俊
cpolardockereureka容器
文章目录1.安装Docker2.本地安装部署YesPlayMusic3.安装cpolar内网穿透4.固定YesPlayMusic公网地址本篇文章讲解如何使用Docker搭建YesPlayMusic网易云音乐播放器,并且结合cpolar内网穿透实现公网访问音乐播放器。YesPlayMusic是一款优秀的个人音乐播放器,可以通过Docker方式快速部署在本地服务器。它拥有美观的界面设计,可以绑定网易云
- element-ul el-dialog自定义样式
丹婶
vue.jselementuijavascript
custom-class自定义类名对应的css:/deep/.test-music{min-width:500px}/deep/深度选择器
- 2021-12-04
人文二班zxh
Part11,从本单元中我学到的最重要的理念(精读和视听说分别总结)精读:爱的重要性视听说:生命的多样性2,我在本片文章/音频/视频中学到的怦然心动的单词(精读和视听说分别总结)精读:WisdomSalute视听说:AbsolutelyBoundary3,在本片文章/音频/视频中我最喜欢的一句话(精读和视听说分别总结)精读:TellmewhomyouloveandIwilltellyouwhoyo
- 微信小程序 input框实现搜索历史记录
四舍五入键盘手
微信小程序小程序javascript
实现效果如下聚焦显示历史记录关联历史记录注意点结构上需要将input框和下面的historyList作为一个整体,可自行控制展示历史记录的规格;使用微信缓存APIwx.getStorageSync和wx.setStorageSync,处理历史记录的存储时记得去重WXML结构{{item}}WXSS.search-box{width:700rpx;position:absolute;padding-
- Tidabie Tidal Music Converter for mac (潮汐音乐下载转换器)
星星星辰大海
TidabieTidalMusicConverter是将TidalPremium和HiFi音乐中的任何歌曲或播放列表以纯MP3/AAC/FLAC/WAV格式录制到本地计算机的最佳选择。录制后,任何潮汐音乐都可以永久离线播放!TidabieTidalMusicConverterformac软件介绍TidabieTidalMusicConverter为您提供了一个平台,可以将TidalPremium和
- AtCoder Beginner Contest 127 F - Absolute Minima
Jiu-yuan
算法数据结构
原题链接:F-AbsoluteMinima(atcoder.jp)题目大意:给定一个函数f(x)=f(x)+|x-a|+b初始为0,然后输入q个查询,查询有二种操作,如果输入1,再输入二个数为a和b,更新f(x)。如果输入2,就输出f(x)的最小值以及对应的x。思路:观察函数表达式,可以发现输入1的时候,b这个值并不会产生后续的影响。所以可以直接使用sum记录b的总和。对于a来讨论,例如如果查询为
- CSS:定位
无敌的黑星星
css前端
定位1、static定位无定位2、fixed定位相对于窗口得定位3、relative定位相对于自己得正常位置,可以使用leftrighttopbottom进行元素得微调4、absolute定位绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于:5、sticky定位sticky英文字面意思是粘,粘贴,所以可以把它称之为粘性定位。position:sticky
- 利用原生js实现简易照片墙
魅美
笔记javascriptcsshtml
效果演示基本布局css样式*{margin:0;padding:0;}html,body,ul{width:100%;height:100%;}#pic{position:relative;list-style:none;}#picli{position:absolute;width:180px;height:250px;box-shadow:0010px#000;transition:all1s
- html音乐播放器 musicPlayer
星尘库
前端javascripthtml前端javascript音乐播放器
html音乐播放器音乐播放器播放歌曲支持播放暂停上一首下一首切换支持显示歌曲列表点击切换歌曲功能苦于版权原因可以下载歌曲到本地通过本项目在线创建自己的歌单实现网页播放和控制1歌单上传歌曲复制到music文件夹2播放3html播放样式添加列表下拉音量控制4点击选择歌曲播放主要使用htmlJavaScriptcss下面的功能是获取歌单把歌单名字显示在页面varmusicUrls=['music/别说我
- .netcore音乐播放器 musicPlayer
星尘库
前端javascript.netcore音乐播放器html歌单创建
html音乐播放器.netcoremvc音乐播放器支持上传本地音乐到云端支持通过文件夹创建歌单(不需要数据库和其他数据存储)通过歌单分类播放歌曲支持播放暂停上一首下一首切换支持显示歌曲列表歌单切换展示歌曲根据歌单名去获取歌曲显示功能版权原因或者想创建自己的歌单在线听歌或者个性化自己的歌单都可以使用本程序版权原因可以吧歌曲下载到本地通过本项目在线创建自己的歌单实现网页播放和控制1上传2播放3html
- CSS3定位与字体
树懒pray
htmlhtml5css
1.定位定位是一种更加高级的布局手段通过定位可以将元素摆放到页面-使用position属性来设置定位可选值:static默认值,元素是静止的没有开启定位relative开启元素的相对定位absolute开启元素的绝对定位fixed开启元素的固定定位sticky开启元素的粘滞定位通过定位可以将元素摆放到页面的任意位置1.1相对定位当元素的position属性值设置为relative时则开启了元素的相
- CSS position属性sticky
天外天-亮
csscssjavascript前端
在开发时,经常会碰到需要这样一种情况——网站滚动到一定高度的时候,让一部分内容作为navbar,也就是置顶显示,我们一般会使用js监听scroll事件来实现,但是新增的css3属性position:sticky可以简单实现,省去了繁琐的计算position的含义是指定位类型,取值类型可以有:static、relative、absolute、fixed、inherit和sticky,这里sticky
- 相对定位,绝对定位和固定定位的区别
三月的一天
HTML/CSShtml相对定位绝对定位
一、定位:定位指的就是将指定的元素摆放到页面的任意位置,通过定位可以任意的摆放元素,通过position属性来设置元素的定位可选值:static:默认值,元素没有开启定位relative:开启元素的相对定位absolute:开启元素的绝对定位fixed:开启元素的固定定位(也是绝对定位的一种)1.当元素的position属性设置为relative时,则开启了元素的相对定位1.当开启了元素的相对定位
- 代码随想录刷题笔记-Day19
枯树老斑鸠
代码随想录笔记
1.二叉搜索树的最小绝对差530.二叉搜索树的最小绝对差https://leetcode.cn/problems/minimum-absolute-difference-in-bst/给你一个二叉搜索树的根节点root,返回树中任意两不同节点值之间的最小差值。差值是一个正数,其数值等于两值之差的绝对值。示例1:输入:root=[4,2,6,1,3]输出:1示例2:输入:root=[1,0,48,n
- 为什么总是无法坚持?
Rebecca易
昨天,无意中看到一个小视频,男生分享自己学习英语口语的方法不是模仿美国本土人而是一些ABCs,像王力宏,吴彦祖等。我好奇的百度了下王力宏说英语,出来两个,一个是他在牛津大学的演讲,另外一个是获得伯克利音乐学院博士学位时的临时致辞,只有四分钟。我听了第二个,里面有一段话特别喜欢。I'veneverwrittenasongwithoutlovingitmyself,soforallofyoumusic
- Visual Studio 2019 创建Web项目时,后端C#控制前端HTML
QQ546475772
VisualStudio2019创建Webvisualstudioide
stringspanHtml="";Response.Write(""+spanHtml+"");这段代码的功能是在前端页面中插入一个红色的水平线。代码中的`spanHtml`变量包含一个``元素的HTML代码,该元素具有以下样式属性:-`position:absolute`:将元素的位置设置为绝对定位,使其相对于其最近的具有定位属性的祖先元素进行定位。-`left:780px`:将元素的左边缘与
- 代码随想录算法训练营 DAY20 | 二叉树(7)
橙南花已开
代码随想录算法训练营算法
一、LeetCode530二叉搜索树的最小绝对值题目链接:530.二叉搜索树的最小绝对值https://leetcode.cn/problems/minimum-absolute-difference-in-bst/思路一:利用搜索二叉树的中序遍历结果为有序数组的性质,将遍历结果保存到数组中,再找最小绝对值。classSolution{Listlist=newLinkedListlist;intm
- 使用纯 CSS 实现元素高度的过渡(不采用 max-height)
知半愚无
css前端
1.前言不知大家是否接触过元素高度的过渡,之前呢我是使用CSS加JS的方式来解决的,就是通过JS计算一下要过渡的元素的高度,然后自己给它加上height为某一数值。不知大家是如何解决的?相信大家在做高度过渡时,都会在想为什么无法实现?就比如下面的代码。.details{position:absolute;top:34px;left:0px;border-radius:8px;width:170px
- CSS篇--transform
婷宝_知萌
前端javascript前端
CSS篇–transform使用transform属性实现元素的位移、旋转、缩放等效果位移//语法transform:translate(水平移动距离,垂直移动距离)translate()如果只给一个值,表示x轴方法移动距离单独设置某个方向的移动距离:translateX()translateY()使用translate快速实现绝对定位的元素居中效果position:absolute;left:5
- eclipse maven
IXHONG
eclipse
eclipse中使用maven插件的时候,运行run as maven build的时候报错
-Dmaven.multiModuleProjectDirectory system propery is not set. Check $M2_HOME environment variable and mvn script match.
可以设一个环境变量M2_HOME指
- timer cancel方法的一个小实例
alleni123
多线程timer
package com.lj.timer;
import java.util.Date;
import java.util.Timer;
import java.util.TimerTask;
public class MyTimer extends TimerTask
{
private int a;
private Timer timer;
pub
- MySQL数据库在Linux下的安装
ducklsl
mysql
1.建好一个专门放置MySQL的目录
/mysql/db数据库目录
/mysql/data数据库数据文件目录
2.配置用户,添加专门的MySQL管理用户
>groupadd mysql ----添加用户组
>useradd -g mysql mysql ----在mysql用户组中添加一个mysql用户
3.配置,生成并安装MySQL
>cmake -D
- spring------>>cvc-elt.1: Cannot find the declaration of element
Array_06
springbean
将--------
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3
- maven发布第三方jar的一些问题
cugfy
maven
maven中发布 第三方jar到nexus仓库使用的是 deploy:deploy-file命令
有许多参数,具体可查看
http://maven.apache.org/plugins/maven-deploy-plugin/deploy-file-mojo.html
以下是一个例子:
mvn deploy:deploy-file -DgroupId=xpp3
- MYSQL下载及安装
357029540
mysql
好久没有去安装过MYSQL,今天自己在安装完MYSQL过后用navicat for mysql去厕测试链接的时候出现了10061的问题,因为的的MYSQL是最新版本为5.6.24,所以下载的文件夹里没有my.ini文件,所以在网上找了很多方法还是没有找到怎么解决问题,最后看到了一篇百度经验里有这个的介绍,按照其步骤也完成了安装,在这里给大家分享下这个链接的地址
- ios TableView cell的布局
张亚雄
tableview
cell.imageView.image = [UIImage imageNamed:[imageArray objectAtIndex:[indexPath row]]];
CGSize itemSize = CGSizeMake(60, 50);
&nbs
- Java编码转义
adminjun
java编码转义
import java.io.UnsupportedEncodingException;
/**
* 转换字符串的编码
*/
public class ChangeCharset {
/** 7位ASCII字符,也叫作ISO646-US、Unicode字符集的基本拉丁块 */
public static final Strin
- Tomcat 配置和spring
aijuans
spring
简介
Tomcat启动时,先找系统变量CATALINA_BASE,如果没有,则找CATALINA_HOME。然后找这个变量所指的目录下的conf文件夹,从中读取配置文件。最重要的配置文件:server.xml 。要配置tomcat,基本上了解server.xml,context.xml和web.xml。
Server.xml -- tomcat主
- Java打印当前目录下的所有子目录和文件
ayaoxinchao
递归File
其实这个没啥技术含量,大湿们不要操笑哦,只是做一个简单的记录,简单用了一下递归算法。
import java.io.File;
/**
* @author Perlin
* @date 2014-6-30
*/
public class PrintDirectory {
public static void printDirectory(File f
- linux安装mysql出现libs报冲突解决
BigBird2012
linux
linux安装mysql出现libs报冲突解决
安装mysql出现
file /usr/share/mysql/ukrainian/errmsg.sys from install of MySQL-server-5.5.33-1.linux2.6.i386 conflicts with file from package mysql-libs-5.1.61-4.el6.i686
- jedis连接池使用实例
bijian1013
redisjedis连接池jedis
实例代码:
package com.bijian.study;
import java.util.ArrayList;
import java.util.List;
import redis.clients.jedis.Jedis;
import redis.clients.jedis.JedisPool;
import redis.clients.jedis.JedisPoo
- 关于朋友
bingyingao
朋友兴趣爱好维持
成为朋友的必要条件:
志相同,道不合,可以成为朋友。譬如马云、周星驰一个是商人,一个是影星,可谓道不同,但都很有梦想,都要在各自领域里做到最好,当他们遇到一起,互相欣赏,可以畅谈两个小时。
志不同,道相合,也可以成为朋友。譬如有时候看到两个一个成绩很好每次考试争做第一,一个成绩很差的同学是好朋友。他们志向不相同,但他
- 【Spark七十九】Spark RDD API一
bit1129
spark
aggregate
package spark.examples.rddapi
import org.apache.spark.{SparkConf, SparkContext}
//测试RDD的aggregate方法
object AggregateTest {
def main(args: Array[String]) {
val conf = new Spar
- ktap 0.1 released
bookjovi
kerneltracing
Dear,
I'm pleased to announce that ktap release v0.1, this is the first official
release of ktap project, it is expected that this release is not fully
functional or very stable and we welcome bu
- 能保存Properties文件注释的Properties工具类
BrokenDreams
properties
今天遇到一个小需求:由于java.util.Properties读取属性文件时会忽略注释,当写回去的时候,注释都没了。恰好一个项目中的配置文件会在部署后被某个Java程序修改一下,但修改了之后注释全没了,可能会给以后的参数调整带来困难。所以要解决这个问题。
&nb
- 读《研磨设计模式》-代码笔记-外观模式-Facade
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
/*
* 百度百科的定义:
* Facade(外观)模式为子系统中的各类(或结构与方法)提供一个简明一致的界面,
* 隐藏子系统的复杂性,使子系统更加容易使用。他是为子系统中的一组接口所提供的一个一致的界面
*
* 可简单地
- After Effects教程收集
cherishLC
After Effects
1、中文入门
http://study.163.com/course/courseMain.htm?courseId=730009
2、videocopilot英文入门教程(中文字幕)
http://www.youku.com/playlist_show/id_17893193.html
英文原址:
http://www.videocopilot.net/basic/
素
- Linux Apache 安装过程
crabdave
apache
Linux Apache 安装过程
下载新版本:
apr-1.4.2.tar.gz(下载网站:http://apr.apache.org/download.cgi)
apr-util-1.3.9.tar.gz(下载网站:http://apr.apache.org/download.cgi)
httpd-2.2.15.tar.gz(下载网站:http://httpd.apac
- Shell学习 之 变量赋值和引用
daizj
shell变量引用赋值
本文转自:http://www.cnblogs.com/papam/articles/1548679.html
Shell编程中,使用变量无需事先声明,同时变量名的命名须遵循如下规则:
首个字符必须为字母(a-z,A-Z)
中间不能有空格,可以使用下划线(_)
不能使用标点符号
不能使用bash里的关键字(可用help命令查看保留关键字)
需要给变量赋值时,可以这么写:
- Java SE 第一讲(Java SE入门、JDK的下载与安装、第一个Java程序、Java程序的编译与执行)
dcj3sjt126com
javajdk
Java SE 第一讲:
Java SE:Java Standard Edition
Java ME: Java Mobile Edition
Java EE:Java Enterprise Edition
Java是由Sun公司推出的(今年初被Oracle公司收购)。
收购价格:74亿美金
J2SE、J2ME、J2EE
JDK:Java Development
- YII给用户登录加上验证码
dcj3sjt126com
yii
1、在SiteController中添加如下代码:
/**
* Declares class-based actions.
*/
public function actions() {
return array(
// captcha action renders the CAPTCHA image displ
- Lucene使用说明
dyy_gusi
Lucenesearch分词器
Lucene使用说明
1、lucene简介
1.1、什么是lucene
Lucene是一个全文搜索框架,而不是应用产品。因此它并不像baidu或者googleDesktop那种拿来就能用,它只是提供了一种工具让你能实现这些产品和功能。
1.2、lucene能做什么
要回答这个问题,先要了解lucene的本质。实际
- 学习编程并不难,做到以下几点即可!
gcq511120594
数据结构编程算法
不论你是想自己设计游戏,还是开发iPhone或安卓手机上的应用,还是仅仅为了娱乐,学习编程语言都是一条必经之路。编程语言种类繁多,用途各 异,然而一旦掌握其中之一,其他的也就迎刃而解。作为初学者,你可能要先从Java或HTML开始学,一旦掌握了一门编程语言,你就发挥无穷的想象,开发 各种神奇的软件啦。
1、确定目标
学习编程语言既充满乐趣,又充满挑战。有些花费多年时间学习一门编程语言的大学生到
- Java面试十问之三:Java与C++内存回收机制的差别
HNUlanwei
javaC++finalize()堆栈内存回收
大家知道, Java 除了那 8 种基本类型以外,其他都是对象类型(又称为引用类型)的数据。 JVM 会把程序创建的对象存放在堆空间中,那什么又是堆空间呢?其实,堆( Heap)是一个运行时的数据存储区,从它可以分配大小各异的空间。一般,运行时的数据存储区有堆( Heap)和堆栈( Stack),所以要先看它们里面可以分配哪些类型的对象实体,然后才知道如何均衡使用这两种存储区。一般来说,栈中存放的
- 第二章 Nginx+Lua开发入门
jinnianshilongnian
nginxlua
Nginx入门
本文目的是学习Nginx+Lua开发,对于Nginx基本知识可以参考如下文章:
nginx启动、关闭、重启
http://www.cnblogs.com/derekchen/archive/2011/02/17/1957209.html
agentzh 的 Nginx 教程
http://openresty.org/download/agentzh-nginx-tutor
- MongoDB windows安装 基本命令
liyonghui160com
windows安装
安装目录:
D:\MongoDB\
新建目录
D:\MongoDB\data\db
4.启动进城:
cd D:\MongoDB\bin
mongod -dbpath D:\MongoDB\data\db
&n
- Linux下通过源码编译安装程序
pda158
linux
一、程序的组成部分 Linux下程序大都是由以下几部分组成: 二进制文件:也就是可以运行的程序文件 库文件:就是通常我们见到的lib目录下的文件 配置文件:这个不必多说,都知道 帮助文档:通常是我们在linux下用man命令查看的命令的文档
二、linux下程序的存放目录 linux程序的存放目录大致有三个地方: /etc, /b
- WEB开发编程的职业生涯4个阶段
shw3588
编程Web工作生活
觉得自己什么都会
2007年从学校毕业,凭借自己原创的ASP毕业设计,以为自己很厉害似的,信心满满去东莞找工作,找面试成功率确实很高,只是工资不高,但依旧无法磨灭那过分的自信,那时候什么考勤系统、什么OA系统、什么ERP,什么都觉得有信心,这样的生涯大概持续了约一年。
根本不是自己想的那样
2008年开始接触很多工作相关的东西,发现太多东西自己根本不会,都需要去学,不管是asp还是js,
- 遭遇jsonp同域下变作post请求的坑
vb2005xu
jsonp同域post
今天迁移一个站点时遇到一个坑爹问题,同一个jsonp接口在跨域时都能调用成功,但是在同域下调用虽然成功,但是数据却有问题. 此处贴出我的后端代码片段
$mi_id = htmlspecialchars(trim($_GET['mi_id ']));
$mi_cv = htmlspecialchars(trim($_GET['mi_cv ']));
贴出我前端代码片段:
$.aj