muzi187-优快云博客

原创 Integer和int

int是Java中的一种基本数据类型，用于表示整数。它是Java语言中最常用的数据类型之一，可以直接进行数值运算，无需通过封装类进行转换。Integer是Java中的一个封装类，用于表示整数。它是int的封装类，可以将int类型的数据转换为Integer类型的数据。Integer类提供了许多操作整数的方法，使得整数的操作更加方便和灵活。

2023-10-23 11:42:50 136

* 自定义Promise *//*Promise构造函数excutor: 内部同步执行的函数 (resolve, reject) => {} *//* 为promise指定成功/失败的回调函数函数的返回值是一个新的promise对象 *//* 为promise指定失败的回调函数是then(null, onRejected)的语法糖 *//* 返回一个指定了成功value的promise对象 *//* 返回一个指定了失败reason的promise对象 */

2023-08-29 15:37:54 217

原创 Vue3.0学习笔记

Vue学习笔记Vue3.0Vue3快速上手1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性1、创建Vue3.0工程1.1 使用 vue-cli 创建1.2 使用 vite 创建2 常用 Composition API2.1 拉开序幕的setup2.2 ref函数2.3 reactive函数2.4 Vue3.0中的响应式原理vue2.x的响应式Vue3.0的响应式2.5 reactive对比ref2.6 setup的两个注意点2.7 计算属性与监视1.

2022-06-30 14:16:49 407

原创 Vue2.0学习笔记

Vue学习笔记Vue2.0+Vue3.0Vue核心初识Vue模板语法数据绑定新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入Vue2.0+Vue3.0Vue学习笔记Vue核心初识Vue<!DOCTYPE ht

2022-06-24 10:36:56 936

原创 Object.defineProperty()

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body> <div id="root"> </div> <sc.

2021-11-26 11:21:43 230

原创 js转换人民币大写

将人民币小写转换成人民币大写function convertCurrency(currencyDigits) { var MAXIMUM_NUMBER = 99999999999.99; var CN_ZERO = "零"; var CN_ONE = "壹"; var CN_TWO = "贰"; var CN_THREE = "叁"; var CN_FOUR = "肆"; va...

2019-04-23 09:16:24 1068

原创全屏切换效果 -- 慕课网学习

https://www.imooc.com/learn/374如何实现jQuery插件框架1、闭包的作用 $是形参，实参是jQuery对象 2、开发方式有两种：3、链式调用，jQuery最大的优势就是链式调用4、单例模式采用动态的开发方式，就需要创建实例，可以使用单例模式<!doctype h...

2018-11-06 10:57:58 552

原创绚丽的时钟效果

慕课学习-->前端开发-->炫丽的倒计时效果Canvas绘图与动画基础使用canvas画布实现绚丽的时钟动画html<!doctype html><html lang="en" style="height:100%;"><head><meta charset="UTF-8">&lt

2018-09-06 10:26:10 269

原创炫丽的倒计时效果

慕课学习-->前端开发-->炫丽的倒计时效果Canvas绘图与动画基础使用canvas画布实现绚丽的倒计时动画heml<!doctype html><html lang="en" style="height:100%;"><head><meta charset="UTF-8">&l

2018-09-06 10:22:57 222

原创滑动门特效

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>sliding doors</title> <link rel="stylesheet" href="styles

2018-03-01 10:39:15 421

原创图片有序预加载

1、图片有序预加载 -- 不使用插件<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus®"><meta name=&qu

2018-03-01 10:27:01 284

原创图片无序预加载

1、不使用预加载<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus®"><meta name="Author&

2018-03-01 10:21:53 241

原创 CSS深入理解之border

慕课学习-->前端开发-->HTML/CSS-->CSS深入理解之borderborder一、border-width不支持百分比类似的还有outline，box-shadow，text-shadow，......都不支持百分比值。属性border-width支持关键字：thin（细的），medium（默认值，中等的），thick（粗的）在CSS2.1之后，IE8+浏览

2018-01-29 10:50:34 1010

原创 CSS深入理解之line-height

慕课学习-->前端开发-->HTML/CSS-->CSS深入理解之line-heightline-height一、line-height的定义行高line-height，两行文字基线之间的距离。1、什么是基线？字符（x）下边缘2、为什么是基线？基线是*线定义之根本。3、需要两行么？不需要，两行的定义决定了一行的表现行高line-height可以让单行文本垂直

2018-01-26 14:16:23 17699

原创 CSS深入理解之vertical-align

慕课学习-->前端开发-->HTML/CSS-->CSS深入理解之vertical-alignVertical-align一、vertical-align基本认识vertical-align支持的属性值及组成：除了inherit（继承）外，还包括4类：1、线类：baseline（默认值，基线对齐），top，middle，bottom2、文本类：text-top，text

2018-01-25 12:00:30 704

原创 vertical-align的兼容性问题

慕课学习-->前端开发-->HTML/CSS-->CSS深入理解之vertical-align-->第八章vertical-align糟糕的兼容性IE6/IE7IE8/Chrome/FireFox/...1、Baseline（1）小图片和文字（2）大图片和文字（3）大行高下的大图片和文字2、Middle（1）小图片和文字（2）大图片和文字

2018-01-25 10:50:02 4089

原创上传图片时，选择图片后显示缩略图

$(function(){ $("#file1").on("change",function(){ var file=this.files[0]; if(this.files && file){ var reader=new FileReader(); reader.onload=function(e){ $("#img1").attr("src",e.targ

2018-01-17 15:26:35 4022 2

原创 CSS深入理解之absolute

慕课学习-->前端开发-->HTML/CSS-->CSS深入理解之absoluteabsolute一、absolute与float鲜为人知的兄弟关系，相同的特性表现：包裹性absolute的包裹性.box { padding: 10px; background-color: #f0f0f0; }input { positio

2018-01-11 11:39:12 5428

原创 CSS深入理解之z-index

慕课学习-->前端开发-->HTML/CSS-->CSS深入理解之z-indexZ-index一、Z-index基础1、z-index属性指定了元素及其子元素的z顺序，而z顺序可以决定当元素发生覆盖的时候，哪个元素在上面。通常一个较大z-index值的元素会覆盖较小z-index值的元素。2、属性值：（1）z-index:auto; 默认值（2）z-in

2018-01-02 17:19:18 674

原创 CSS深入理解之overflow

慕课学习-->前端开发-->HTML/CSS-->CSS深入理解之overflowoverflow一、overflow基本属性1、overflow的基本属性值：visible（默认），hidden（不是裁剪是隐藏），scroll（水平和垂直方向都有滚动条轨道），auto（超出容器的方向出现滚动条），inherit（IE8+）2、Overflow-x和overflow-y

2017-12-25 16:33:38 2261

原创 CSS深入理解之margin

慕课学习-->前端开发-->HTML/CSS-->CSS深入理解之marginmargin一、margin与容器尺寸1、CSS margin可以改变容器的尺寸2、Margin与可视尺寸：（1）适用于没有设定width/height的普通block水平元素（不包括float元素，absolute/fixed元素，inline元素，table-cell元素...）（2）

2017-12-21 17:23:11 630

原创 CSS深入理解之float浮动

慕课学习-->前端开发-->HTML/CSS-->CSS深入理解之float浮动Float1、float设计初衷是：文字环绕效果2、浮动具有破坏性，会让父元素高度塌陷！3、清除浮动带来的影响（1）在底部插入具有clear:both;声明的元素与外部可以直接接触，例如可以发生margin重叠效果（2）父元素BFC（IE8+）或haslayout（IE6/IE7）

2017-12-15 15:10:06 553

原创 PHP代码http跳转到https

使用ssl后，发现http 与https都可以打开，但是不想让用户使用http协议。在服务器iis 或 nginx 或 apache 想尽办法，各种伪静态，各种301的跳转，最终发现还是有缺陷。那么使用PHP来实现：if(!((isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] == 'on') || (isset($_SERVER['HTTP_X_

2017-12-13 11:01:17 4732

原创 CSS深入理解之padding

慕课学习-->前端开发-->HTML/CSS-->CSS深入理解之paddingPadding一、Padding对于block水平元素.div{width:50px;} -->实际宽度50.div{width:50px;padding:0 15px;} -->实际宽度80padding影响元素尺寸 .div{width:80px;box-sizing:borde

2017-12-08 14:08:26 2172

原创扩展localStorage

慕课学习-->PHP中的会话控制-->第二章 COOKIE的使用-->2-12扩展localStoragevar Custom_localStorage={ set:function(key,value){ var item={ data:value } localStorage.setItem(key,JSON.stringify(item)); }, get

2017-11-27 14:24:56 629

原创 COOKIE操作类的封装

慕课学习-->PHP中的会话控制-->第二章 COOKIE的使用-->3-5Cookie操作类的封装<?php/** * Cookie的设置、读取、更新、删除 */class CustomCookie{ static private $_instance=null; private $expire=0; private $path=''; private $domain='';

2017-11-27 13:37:03 329

原创 COOKIE的几种操作方式

慕课学习-->PHP中的会话控制-->第二章 COOKIE的使用操作COOKIE：1、setcookie()2、header<?php//通过header形式设置cookieheader("Set-Cookie:a=1");header("Set-Cookie:b=2;expires=".gmdate('D,d M Y H:i:s \G\M\T',time()+360

2017-11-27 13:11:28 2006

原创自定义会话管理器->SESSION

慕课学习-->PHP中的会话控制-->第三章 SESSION的使用-->3-5自定义会话管理器<?phpclass CustomSession implements SessionHandlerInterface{ private $links; private $lifetime;//生存周期 public function open($savePath,$session_name)

2017-11-27 11:40:27 381

原创 js实现一键复制

地址：http://pan.baidu.com/s/1mi3iAgS 复制粘贴复制 //这里的参数说明一下，text是要复制的文本内容，button是点击触发复制的dom对象,msg是复制成功后的提示信息，parent是包含flash的父元素func

2017-11-03 14:37:53 1603

原创 GD库生成缩略图、文字水印、图片水印的函数封装

慕课网后端开发PHP教程-->PHP进阶篇--GD库图像处理-->http://www.imooc.com/learn/701-->第3章图像常用操作<?phpheader("content-type:text/html;charset=utf-8");/*指定缩放比例最大宽度和高度，等比例缩放可以对缩略图文件添加前缀选择是否删除缩略图的源文件*//** * 返回图片

2017-09-12 16:23:13 485

原创 GD库验证码类的封装

慕课网后端开发PHP教程-->PHP进阶篇--GD库图像处理-->http://www.imooc.com/learn/701-->2-5 验证码函数的封装及测试<?phpheader("content-type:text/html;charset=utf-8");//error_reporting(0);Class Captcha{ //字体文件 private $_fontfi

2017-09-12 10:07:48 353

原创 GD库验证码函数

慕课网后端开发PHP教程-->PHP进阶篇--GD库图像处理-->http://www.imooc.com/learn/701-->2-5 验证码函数的封装及测试<?phpheader("content-type:text/html;charset=utf-8");function getVerify($type=3,$length=6,$codeName='code',$pixel=1

2017-09-12 10:03:02 461

原创 PHP+AJAX实现表格实时编辑（慕课网PHP课程）

1、index.html 可编辑表格DEMO 1 2 3 4 5 6 7 8 添加 2、main.cssbody{ background-color:#899BA5;}.container { wid

2017-08-29 14:58:00 1886

原创 PHP生成二维码，jQuery生成二维码，PHP生成电子名片

1、PHP生成二维码下载phpqrcode源码引入。<?phpinclude "phpqrcode/qrlib.php";//QRcode::png('abc');//png($text, $outfile = false, $level = QR_ECLEVEL_L, $size = 3, $margin = 4, $saveandprint=false) QRcode::pn

2017-08-22 16:57:29 776

原创制作淘宝搜索框，js选择店铺、宝贝

1、仿照淘宝制作搜索框。可以选择店铺或者宝贝示例图为 taobao demo @font-face{font-family:iconfont;src:url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.eot);src:url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont

2017-08-16 15:29:15 1555

原创必应搜索框制作搜索提示 jQuery及JavaScript实现

注：学习慕课网前端开发课程《搜索框的制作》搜索提示 jQuery及JavaScript实现利用fiddler工具将文件放到某域下进行调试利用fiddler将本地网页放到某个域下 bing search body{background-color: #333;margin:0;padding:0;} .bg-div{position:relative;b

2017-08-11 17:10:44 1317

原创利用fiddler将本地网页放到某个域下

注：学习慕课网前端开发课程《搜索框的制作》，利用fiddler将本地网页放到某个域下进行调试，解决跨域问题如果我们请求一个服务器上不存在的文件一般是跳转到一个404页面，但是利用fiddler工具可以实现修改服务器响应的结果，呈现给用户一个自定义的文件——我们只需要拦截服务器的响应并替换成我们自己的页面即可。打开fiddler，在浏览器中请求地址http://api.bing.

2017-08-10 14:45:43 588

原创瀑布流布局

1、页面布局及样式 *{padding: 0;margin:0;} #main{ position: relative; } .box{ padding: 15px 0 0 15px; float:left; } .pic{ padding: 10px; b

2017-08-07 13:58:52 371

原创模拟天猫--网页定位导航效果

分为左右两部分左侧内容，右侧炫富的导航菜单左侧滚动时，右侧内容不改变位置点击右侧链接，左侧定位到相应栏目左侧滚动到相应栏目，右侧定位到对应链接锚点(anchor)：锚点是网页制作中超链接的一种，又叫命名锚记。锚点是一种页面内的超级链接jQuery事件：1、scroll([data],fn)：当用户滚动指定的元素时，会发生scroll事件适用于所有可滚动的元素和windo

2017-08-01 16:57:37 1288

原创 PHP图片添加文字水印和图片水印

1、图片添加文字水印/** *添加文字水印 * @param string $filename * @param string $text * @param string $fontfile */function waterText($filename,$text="imooc.com",$fontfile="MSYH.TTF"){ $fileInfo = getimagesi

2017-07-31 17:14:55 734

空空如也

空空如也