uhhuh-495-优快云博客

原创 jsx语法规则

定义虚拟DOM时，不要些引号；标签中混入JS表达式时要用{}；样式的类名指定不要用class，要用className；内联样式，要用style={{key: value}}的形式去写；只能有一个根标签；标签必须闭合；标签首字母：（1）若小写字母开头，则将该标签转为html中同名元素，若html中无该标签对应的同名元素，则报错；（2）若大写字母开头，react就去渲染对应的组件，若组件没有定义，则报错。...

2021-04-16 14:10:30 278

原创 cp项目开发注意事项

cp规范打包注意事项：检查setsite是否有问题点击流更换分享标题，文案等信息更换页面的title，且title后需有“-腾讯游戏” 压缩图片双端互跳（这个项目可以先忽略）分离路径pc端项目注意事项:分辨率兼容1366X769~1920X1080，即你要在这两个尺寸之间随意拉动浏览器窗口大小，看页面展示是否有问题浏览器兼容firefox,chrome,360,ie9及以上浏览器兼容可以考虑优雅降级，即ie低版本浏览器保证展示基本功能移动端项目注意事项：注重安卓

2021-04-13 16:39:40 833

原创多个倒计时使用

判断时间是否已过：function isTimeoverFunc(startTime, endTime) { //判断时间是否已过 let s = new Date(startTime); let e = new Date(endTime); let time = (s.getTime() - e.getTime()); if(time > 0){ return true; }else{ return false;

2020-08-05 17:58:20 438

原创处理Array数组中的方法集合

// for循环for(let i=0; i < arr.length; i++){ // handel}// for...in：得到对像的key，数组、字符串的下标for(index in arr){ // handel}// for...of：得到数组的值// for...of循环（可循环Arrays（数组）, Strings（字符串）, Maps（映射）, Sets（集合）等可迭代的数据结构等)// 注意: for...of 不能遍历对象for(let .

2020-07-30 15:27:44 273

原创配置IIS服务器环境--win10

1.打开电脑配置（控制面板--程序--程序和功能--打开或关闭windows功能） 2.打开Internet信息服务（IIS）管理器1)网站右键--添加网站--填写网站名称主机名(例)：test.news.com注：类似www.news.com以www开头的需在hosts中配置www2)c:\window\System32\drivers\etc\hosts 添加......

2019-10-29 21:36:38 1025

原创判断Android或IOS

var ua = window.navigator.userAgent.toLowerCase();//判断IOSfunction isIos() { return /iphone|ipod|ipad/i.test(ua);}//判断安卓function isAndroid() { return /android/i.test(ua);}...

2019-08-08 11:47:07 154

原创移动端适配

Js适配方案：function resizeFun() { if (screen.width < 500) { screenState = 'portrait' if (document.body != null) { document.body.className = 'portrait' } }...

2019-07-30 21:20:34 169

原创滑动出现删除按钮

HTML：<!doctype html><html> <head> <meta charset="utf-8"> <title>左划出现删除按钮，右滑隐藏</title> <link rel="stylesheet" type="text/css" href="css/index....

2019-07-22 08:08:48 614

原创滑块门

HTML：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>滑块门</title> <link rel="stylesheet" type="text/css" href="css/silder.css"/> <...

2019-07-22 08:08:40 172

原创 API数据获取方法

注：需引入Jquery库<script type="text/javascript" src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>Js：//调用获取数据方法getPost('https://www.apiopen.top/journalismApi',function...

2019-07-22 08:08:32 7758

原创手指触摸及大小控制

HTML：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>touch测试</title> <link rel="stylesheet" type="text/css" href="css/touch.css"></head&...

2019-07-22 08:08:25 352

原创选项卡切换

//页面选项切换卡$(function(){ //当文档载入完毕就执行，等于$(document).ready(function(){}) function onshow(tab,tab_target,class_target,addclass){ //设置默认第一条显示 var tab_index = 0; //判断是否传入显示样式 if(typeof addclass ...

2019-07-22 08:08:15 161

原创 CSS实现选项卡切换

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>&...

2019-07-22 08:08:07 2019

原创页面选项卡切换

HTML：<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /><title>daohan...

2019-07-22 08:07:57 680

原创滑动图片验证码

HTML：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>滑动拼图验证码</title> <link rel="stylesheet" href="css/jigsaw.css"></head&gt...

2019-07-22 08:07:44 981

原创 Jquery实现瀑布流

HTML：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><script type="text/javascript" src="js/jquery-1.8.3.min.js"/>&...

2019-07-21 10:20:52 166

原创原生Js实现瀑布流

HTML：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/waterfall.css" /> </head> <b...

2019-07-21 10:20:37 187

原创访客留言板 --- loadStorage

HTML：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>简单的网页留言板</title> <script type="text/javascript" src="js/index.js">&l...

2019-07-21 10:20:20 578

原创轮播图

HTML：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <link type="text/css" rel="stylesheet" href="css/slider.css" /> <title>轮播图练习</title> &...

2019-07-21 10:20:09 134

原创懒加载实现

HTML：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/lazyload.css" /> <script type="tex...

2019-07-21 10:19:41 135

原创滑动置顶、侧边栏显示、倒计时、一次性广告

HTML：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <ti...

2019-07-21 10:19:27 282

原创省市区选择

HTML：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> select{ padding:5px 0; } .outer{ width:50...

2019-07-21 10:19:15 3925 1

原创地理位置获取并显示 --- 百度地图API

HTML：<!DOCTYPE html><html> <head> <meta charset=utf-8"/> <title>Simple Map</title> <link rel="stylesheet" type="text/css" href="css/map.css...

2019-07-21 10:18:06 299

原创图形验证码

Html：<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scal...

2019-07-21 10:17:48 297

原创文本验证码

HTML：<!DOCTYPE html><html><head> <title>验证码测试</title> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user...

2019-07-21 10:17:38 460

原创 JQuery实现图片上传

HTML：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>showImages</title> <link rel="stylesheet" type="text/css" href="css/upimg...

2019-07-20 18:19:20 619

原创原生Js实现图片上传

HTML：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>showImages</title> <link rel="stylesheet" type="text/css" href="css/upi...

2019-07-20 18:07:08 2299

原创分块轮播图 -- 无插件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no...

2019-07-20 17:59:28 209

原创生成二维码

HTML：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>生成二维码</title> <link rel="stylesheet" type="text/css" href="css/qrcode.css"&gt...

2019-07-20 17:46:12 195

原创 Swiper使用

HTML：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Swiper实践</title> <link rel="stylesheet" type="text/css" href="css/style.css">...

2019-07-20 14:37:57 114

原创 Html表格转出Excel表

Html：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...

2019-07-20 14:25:56 294

原创 Cookie的增删查改

设置Cookie值setCookie("show","true"); //调用function setCookie(cname,cvalue,exdays){ var d = new Date(); d.setTime(d.getTime()+(exdays*24*60*60*1000)); var expires = "expires="+d.toGMTStrin...

2019-07-20 13:44:30 137

原创 PC端和移动端初始页面

PC端：<!DOCTYPE html><html lang="zh-cn"><head>  <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> &l...

2019-07-20 12:27:48 216

原创事件委托

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Js事件委托</title> <script src="https://code.jq...

2019-07-20 11:49:05 95

原创 Bug解决及注意事项

div盒子需撑开时尽量使用padding，结合box-sizing使用；设置横纵向多产品排列时，需考虑后期的添加修改；移动端（手机端）网页不能用hover()、mouseover()等类似的方法； div不能显示高度时，可以从里往外找div高度的原因；设置margin-top时，父级空间随之改变解决办法：在父级盒子中设置 overflow=hidden； js效果出不来时，在代码正......

2019-07-20 11:26:47 126

原创解决Safari ( WKWebview ) 返回后页面不刷新问题

问题：苹果手机视频外链播放后返回后出现空白页面没有刷新，而是直接读取的缓存。页面上绑定在window上的事件莫名其妙的消失了（例如onscroll）解决办法：var browserRule = /^.*((iPhone)|(iPad)|(Safari))+.*$/; //判断是否是苹果手机或iPadif (browserRule.test(navigator.userAgen...

2019-07-20 11:13:14 2601

原创 mCustomScrollbar滚动插件使用

1、引入CSS<link rel="stylesheet" href="css/mCustomScrollbar.css" />2、引用Js文件<script src="js/jquery.min.js"></script><script src="js/mCustomScrollbar.js"></script>...

2019-07-15 17:25:23 200

原创服务器PHP+MySQL开发环境搭建 — Nginx反向代理安装

Nginx 安装1.安装Nginxwget -c https://nginx.org/download/nginx-1.51.9.tar.gz2.解压安装包tar -zxvf nginx-1.51.9.tar.gz3.nginx的配置（推荐使用默认配置）./configure//以下命令要先进入 cd nginx-1.11.64.安装gcc 环境yum...

2019-03-04 13:59:48 162

原创 Js判断对象是否为空

1.for (... in ...)for(var i in obj){ return true; //如果不为空，返回true}return false; //如果为空，返回false2.JSON.stringify()if(JSON.stringify(data) === '{}'){ return false; //如果为空，返回fals...

2019-02-15 23:05:31 15012 1

原创触摸（Touch）事件

Touch事件：touches：当前位于屏幕上的所有手指的一个列表 targetTouches：位于当前DOM元素上的手指的一个列表； changedTouches：涉及当前事件的手指的一个列表； screenX，screenY：触摸点相对于屏幕上边缘的坐标； clientX，clientY：触摸点相对于浏览器的viewport左边缘的坐标，不包括左边的滚动距离； pageX，pag...

2019-02-15 22:50:05 1435

2019最新省市区区域json数据

空空如也