自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(844)
  • 收藏
  • 关注

转载 选项卡

1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 div{margin:0;padding:0;width:184px;height:200px;border:1px solid #ccc;display:none;}..

2020-09-02 14:13:55 332

转载 聚焦文字隐藏显示

<input type="text" value="搜索内容" onfocus="if(value=='搜索内容') {value='';this.style.color='#333333'}" onblur="if (value=='') {value='搜索内容';this.style.color='#999999'}">

2020-09-02 13:20:05 370

转载 在线字体转换

https://www.fontsquirrel.com/tools/webfont-generator用demo的样式

2020-09-02 11:41:21 551

转载 css动画笔记

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/common.css"> <style type="text/css"> .xiaoming { posit.

2020-09-01 15:43:31 180

转载 animation3 背景小动画笔记

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> .ren { width: 48px; height: 70px; background: url.

2020-09-01 14:59:22 163

转载 webstorm

安装插件

2020-09-01 13:57:12 115

转载 call aplly笔记

<script> /*1、每个函数都包含两个非继承而来的方法:apply()和call()。 2、他们的用途相同,都是在特定的作用域中调用函数。 3、接收参数方面不同,apply()接收两个参数,一个是函数运行的作用域(this),另一个是参数数组。 call()方法第一个参数与apply()方法相同,但传递给函数的参数必须列举出来。*/ window.firstName = "diz"; window.lastName = "song"; .

2020-09-01 13:16:36 94

转载 简单的秒表实例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>日期对象</title></head><body><div id="div">16:30:00</div><script> function getDate(){ var myDiv = d.

2020-09-01 11:31:42 140

转载 这些例子感觉很实用,希望对你也有帮助

粉色的美容整形医院网站手机模板下载点击》粉色的美容整形医院网站手机模板下载美容网站模板,美容网站html布局,手机网站模板手机美容网站html模板。l纯css3绘制飞行火箭动画特效https://www.mk2048.com/demo/demo_target_desc_iih1iac01j.html纯css3 实现火箭动画的效果仿携程手机官网静态页面wap模板https://www.mk2048.com/demo/demo_target_desc_iih1220hcb.html刚开始学习,仿携程手机网页写的

2020-09-01 10:19:14 106

转载 onkeydown小练习

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>键盘事件小练习</title> <style> #mydiv{ width: 30px; height: 30px; background-color: red; .

2020-09-01 09:26:18 100

转载 onkeyup小练习

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>输入验证码大写</title></head><body><form action=""> <p>name:</p> <p><input type="text"></p&g.

2020-09-01 08:38:24 90

转载 webstorm技巧

webstorm安装后的一些设置技巧:如何更改主题(字体&配色):File -> settings -> Editor -> colors&fonts -> scheme name.主题下载地址如何让webstorm启动的时候不打开工程文件:File -> Settings->General去掉Reopen last project on startup.如何完美显示中文:File -> Settings->Appearance中勾选.

2020-08-31 19:36:58 389

转载 flex

<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title><style> #main{ width:220px; height:300px; border:1px solid black; display:flex;}#main .a{ width:150px.

2020-08-31 18:52:53 100

转载 ES6中Object.is方法比较两个值是否相等

Object.is:let obj={a:1,b:2};Object.is(obj,obj);//trueObject.is(obj,{obj});//falseObject.is({},{});//falseObject.is('1',1);//falseObject.is(-0,0);//falseObject.is(NaN,NaN);//trueObject.is(NaN,-NaN);//trueObject不是简单的比较,不等同于‘==’,接近但是也不同于‘===’,针对NaN.

2020-08-31 17:33:47 583

转载 关于初步搭建完成SSH环境之后,JUnit test 测试成功,页面测试时:@Resource 注入的dao为null

这个问题研究了一天,还是因为配置的时候没有认真,一不小心,酿成了大错。当发现的时候感觉好尴尬啊::>_<::CostAction:package com.tenni.action;import java.util.List;import javax.annotation.Resource;import org.springframework.context.annotation.Scope;import org.springframework.stereotype.Contr

2020-08-31 16:23:58 520

转载 常见的CSS代码无效问题

在前端开发中经常会遇到一些CSS代码设置无效的情况,下面我总结一些我遇到的情况。1.height:100%无效百分比的高度在设定时需要根据这个元素的父元素容器的高度。例如一个div的高度设为40%,而父元素的高度为100px时,那么这个div的高度应为40px。在默认情况下<html></html><body></body>的高度都是0,而两个元素又是其他元素的父元素,所以height:100%当然也是0。解决方法是在html,body的CSS中都加上h

2020-08-31 15:42:36 849

转载 php服务器代理解决浏览器跨越问题

详见代码<?php$url = $_SERVER["QUERY_STRING"];switch ($_SERVER['REQUEST_METHOD']) { case "GET": curlget($url); break; case "POST": $CONTENT_TYPE = explode(';',$_SERVER['CONTENT_TYPE']); switch($CONTENT_TYPE[0]) {

2020-08-31 14:29:56 282

转载 drupal中使用jquery&ajax

不说了,直接上代码,看注释吧: <!--drupal中使用jquery的方法,有三个不同之处 --> <script> (function($){//1.$符号不放在最外边了 jQuery("#btn").click(function(){//2.$符号被jQuery取代 jQuery.ajax({ type:'GET', url: yourUrl, success:function(e)

2020-08-31 13:13:06 161

转载 微信H5支付:网络环境未能通过安全验证,请稍后再试。解决办法(PHP版)

前(tu)言(cao)  (这段前言纯属吐槽,着急解决问题的小伙伴,赶紧看正文吧)  最近做了支付宝和微信支付,先做的是PC端网站的支付,就是出个二维码,然后手机扫描支付,当然支付宝在扫码页面支持登录支付;然后客户又要求也支持手机端支付,总不能让客户拿一个手机去扫另一个手机吧,是吧?  等做起移动端的支付的时候,不得不感慨,支付宝就是支付宝,支付接口用起来都比微信好用。不过也就是吐槽一下,目前的情况确实是这样,当然目前不代表将来。  吐槽的原因有两点:  1、便利性。主要是同一个接口,PC端和移动

2020-08-31 11:02:36 693

转载 jquery3.0移除了.load()方法

参考链接:新版jquery去掉load事件了吗?今天也遇到了这个问题,查了一下文档,确实从3.0开始移除了load、unload、error事件方法。不过依然可以用on方法绑定这些事件。Breaking change: .load(), .unload(), and .error() removedThese methods are shortcuts for event operations, but had several API limitations. The event .load()

2020-08-31 10:02:27 410

转载 jquery制作移动端菜单栏左右滑动

//菜单栏滑动function move_scollX(){ var startPosition, endPosition, distanceX,distanceY; $(".left").bind('touchstart', function(e){   var touch = e.originalEvent.changedTouches[0]; //移动端   startPosition = {     x: touch.pageX,   .

2020-08-31 08:44:21 667

转载 判断页面的滚动方向

判断页面的滚动方向 1 $(window).scroll(function(){ 2 var before = $(window).scrollTop(); 3 $(window).scroll(function() { 4 var after = $(window).scrollTop(); 5 if (before<after) { 6 cons

2020-08-30 18:07:49 317

转载 响应式基本知识

1.pixel像素基础 1.px:csspixel 逻辑像素,浏览器所使用的抽象单位 2.dp,pt:设备无关像素 3.devicePixelPatio 设备像素缩放比例 2.viewport 1. ios的viewport是980px;普遍 2.安卓不一定 注:为什么不使用默认的980px的布局viewport 原因: 宽度不可控制,不同的系统设备的默认值都可能不同 页面缩小版显示,交互性不友好 链接不

2020-08-30 17:11:15 223

转载 js动画(二)

嗯,今天好冷,特别冷,我的手指,都冻的打不了字了。今天一件特别的傻的事就是,在 for(var i;i<obj.length;i++){}找了半天没有注意到 var i 没有赋值。够150 了吧。直接上货吧!!!哎,还没有够150 ,那就再搞一个吧,当与彩蛋。用一个方法直接获取样式值function getStyle(obj,attr){/*obj对象,就是你要搞哪个元素,attr属性,你要搞哪个的属性*/ if(obj.currentStyle){ ret...

2020-08-30 16:27:39 67

转载 js动画(四)

终于到了最后了,这里要告一段落了,整了个js运动框架,咳咳咳,好冷 啊啊啊啊啊啊,这天气。妈的,工资怎么也不发,啊,说好的人与人之间的信任呢?哎,气诶,不到150字啊,又是这个梗。。怎么办?说些什么呢?哦,就是今天在尝试做那个,曲面阴影和翘边阴影的时候,碰到一个问题,就是a:after这个层,想让他到a 层下面,因为a:after层把a层挡住了,搞了,眼睛都快找瞎了,哎,程序员短命是有道理的。最后,的结果是,还是没找出来。回头要好好的去研究研究z-index这个属性,哪位道友愿意助一臂之力的请留言,

2020-08-30 15:23:10 177

转载 js事件

js事件,我这里主要谈谈这三种,冒泡事件,委托事件,以及事件监听。所谓的冒泡事件,通俗一点就是,一个泡泡往上冒,当往上面的节点事件与目标节点事件(这里是p)一致时,也会发生。直接上货吧。老样子,先把html放上来,要明白的是这里的节点树是:body>div>p,都添加了onclick事件,目标函数都是add(),赋予的参数不一样body>div.maopao 这里是要放的内容块 function add(dd){ var

2020-08-30 14:16:39 402

转载 jq基础

$(function() { $(".dd").attr("class","cc").append("<h1 style='text-align:center'>我曹类 </h1>"); })attr()直接控制标签属性 $(function() { $("<h4> $() 可以写成 $(document).ready()</h4>").appendTo("body"); })/*相当于多次js中windo...

2020-08-30 13:12:39 146

转载 JS理解之闭包

首先,闭包是什么?这个问题,百度上一大堆,然后我也是,现在学的有点累,来回顾一下吧算是,懂的自动略过,小弟不才,道行入不了你们法眼。我认为的闭包是,就是取到,不是在自己作用域内或者按照js的规则,娶(取)不到的老婆(值)。也因为js 的一个弱类型,特性,可以返回function 函数对象,也就造成了闭包这个概念,所以这个闭包的概念在其他语言中也有。条件是,1.弱,2.可以返回函数对象。好,接下来,直接上例子讲解:算是自我的一种复习吧第一种:function a(){var s = "name"

2020-08-30 11:32:49 55

转载 谈谈web上各种图片应用的优缺点

  web中承载信息的主要方式就是图片与文字了,以下就是对一些web图片格式的优缺点进行归纳。  1、GIF  GIF图是比较古老的web图片格式之一,可以追溯到1987,几乎所有的浏览器都支持这一种格式,老有老的好处嘛。GIF是一种索引色模式图片,所以GIF每帧图所表现的颜色最多为256种。GIF能够支持动画,也能支持背景透明,这点连古老的IE6都支持,所以在以前想要在项目中使用背景透明图片,有一些方案就是生成GIF图片。GIF与JPEG、PNG相比,在通常情况下确实体积比较小。不过里面如果放入了足够

2020-08-30 10:48:40 432

转载 [翻译] NSRegexTester

NSRegexTesterThis is a very simple Mac OS X application that allows you to test regular expressions against sample text. It is based on the Mac OS SDK's implementation ofNSRegularExpression, which is based onICU.这是一个很简单的Mac OS X应用程序,允许你使用样本文本测试正则表达式。它..

2020-08-30 09:38:48 77

转载 用UIScrollView产生视差效果

用UIScrollView产生视差效果效果:高级效果:源码:MoreInfoView.h + MoreInfoView.m//// MoreInfoView.h// YXCell//// Copyright (c) 2014年 Y.X. All rights reserved.//#import <UIKit/UIKit.h>@interface MoreInfoView : UIView@property (nonatomic, strong)..

2020-08-30 08:41:18 75

转载 模拟系统照相机图片裁剪的功能

模拟系统照相机图片裁剪的功能效果如下:源码://// RootViewController.m// ScrollView//// Copyright (c) 2014年 Y.X. All rights reserved.//#import "RootViewController.h"@interface RootViewController ()<UIScrollViewDelegate>{ BOOL tapped;}@property (n

2020-08-29 18:01:24 112

转载 使用SDWebImage淡入淡出的方式加载图片

使用SDWebImage淡入淡出的方式加载图片效果:请通过以下方式下载源码:找到它修改文件的地方:以下是使用源码://// ViewController.m// SDWebImageFade//// Created by YouXianMing on 14-10-5.// Copyright (c) 2014年 YouXianMing. All rights reserved.//#import "ViewController.h"#import "UIImag

2020-08-29 17:17:25 182

转载 这些例子很炫,感兴趣的童鞋可以了解一下

简洁的儿童学前班教育网站单页模板https://www.mk2048.com/demo/demo_target_desc_ihkakcccjb.html简洁的学前班教育网站模板是一款超大气的单页网站模板下载。html5 mp3交互式音乐唱机播放器动画特效https://www.mk2048.com/demo/demo_target_desc_ihkh11a1kj.htmlhtml5 mp3一个由网络音频接口驱动的交互式的老式录音播放器的实验模板。金黄色的保险公司投保宣传手机微信模板https://www.m

2020-08-29 16:27:18 101

转载 将字典或者数组转换成JSON数据或者字符串

将字典或者数组转换成JSON数据或者字符串源码:NSDictionary+JSON.h 与NSDictionary+JSON.m//// NSDictionary+JSON.h// Category//// Created by YouXianMing on 15-2-09.// Copyright (c) 2014年 YouXianMing. All rights reserved.//#import <Foundation/Foundation.h>@.

2020-08-29 15:09:52 596

转载 开发中经常用到的特效效果

微信三级分销系统食品购物商城模板html下载https://www.mk2048.com/demo/demo_target_desc_ihc0h0ih2j.html微信三级分销站,移动端微信商城,食品购物商城手机模板html下载html5手机摇一摇抢红包游戏活动模板https://www.mk2048.com/demo/demo_target_desc_ihc0jkikaa.htmlhtml5手机摇一摇游戏代码,抢红包游戏代码,抢红包活动页面模板。绿色的茶叶商城手机模板html下载点击》绿色的茶叶商城手机模

2020-08-29 14:17:25 128

转载 超级好用的解析JSON数据的网站

超级好用的解析JSON数据的网站网址http://json.parser.online.fr/beta/效果图测试数据{"city":{"id":1816670,"name":"Beijing","coord":{"lon":116.397232,"lat":39.907501},"country":"CN","population":0},"cod":"200","message":0.0269,"cnt":10,"list":[{"dt":1446433200,"temp":...

2020-08-29 13:12:28 1770

转载 用SDWebImage渐变加载图片

用SDWebImage渐变加载图片使用使用请详细查看源码,只需要给定一个图片地址以及一个placeHolder图片(非必须)即可。效果源码https://github.com/YouXianMing/UI-Component-Collection 中的SDWebImageViewPlaceHorder//// PlaceholderImageView.h// SDWebImageViewPlaceHorder//// Created by YouXianMing...

2020-08-29 11:49:31 285

转载 html提交表单到Servlet

源码地址https://github.com/YouXianMing/Java-Web-Study/tree/master/Servlet-Form演示效果(注意post与get提交方式浏览器地址的变化)文件结构web.xml配置MyServlet.javaindex.html<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Serv...

2020-08-29 10:45:58 1500

转载 js alert(“”)弹框 自定义样式

首先用css渲染一个样式#msg{ height: 2rem; text-align: center; position: fixed; top: 50%; margin-top: -1rem; line-height: 2rem; width: 100%;}#msg span{ color: #fff; background: rgba(0,0,0,0.6); height: 2rem; display: in

2020-08-29 09:50:45 506

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除