![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
火星第一帅
不能改变世界,那就改变自己!
展开
-
<spanyes>导致富文本无法解析的最佳解决方案
导致富文本无法解析问题,可以通过替换文本中的错误标签来解决原创 2022-11-08 09:23:57 · 993 阅读 · 1 评论 -
前端简单文件上传方法
//公共方法export function fetchUpload(url, file){ const formdata = new FormData(); formadata.append("file", file); return new Promise((resolve, reject) = > { fetch().then(response => { ...原创 2020-05-29 15:50:47 · 462 阅读 · 0 评论 -
前端识别二维码图片
来自:https://gitee.com/guyandog/QR_BR具体代码请下载 本站资源demoguyandog-QR_BR-master.zip 或者 guyandog-QR_BR-master -改动.zip如有不清楚的可以留言交流...原创 2019-07-25 00:34:12 · 1232 阅读 · 0 评论 -
web H5 首页引导图
向左滑动切换,最后一张图点击进入,进入首页<!-- <img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=354250238,3380034834&fm=15&gp=0.jpg" alt=""> --><!DOCTYPE html><htm...原创 2019-06-10 10:17:26 · 1835 阅读 · 0 评论 -
h5轮播图 自动轮播
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-06-15 01:33:27 · 6958 阅读 · 0 评论 -
响应式布局三步走
前言:制作响应式布局前,先开发固定尺寸的网页,当完成固定尺寸的网页后,在通过媒体查询为网页定制响应式布局第一步,引入meta<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">屏幕按1:1的尺寸显示并禁止用户缩放页面。&...原创 2019-05-14 10:44:05 · 884 阅读 · 0 评论 -
HTML5+通讯录获取指定多个人的信息
plus.contacts.getAddressBook(plus.contacts.ADDRESSBOOK_PHONE, function(addressbook) { //获取通讯录信息 for(var j = 0; j < username.length; j ) {//循环所选取的联系人,记得循环一定要放在这里,一开始我放在 plus.cont...转载 2019-05-06 14:06:04 · 1060 阅读 · 0 评论 -
Rect环状统计图工具类
由于公司项目需要,对可用金额和全部金额进行环状统计图统计,因此秉着不重复造轮子的信念,开始疯狂的度娘查询。例如ECharts 、 BizCharts 、G2都进行了考虑,不过由于项目中只需要单纯的环状图,所以如果将此插件引入项目,有点过于厚重,势必对项目性能造成一定的损失,so果断放弃。经过反复度娘筛选,最终确定用简书的一位简友的“使用JS绘制一个圆环统计图”,但公司用的reac...原创 2019-04-30 09:38:17 · 384 阅读 · 0 评论 -
input值变动自动触发事件
<!DOCTYPE html><html><head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>自动改变颜色</title><meta name="vie...原创 2019-03-28 17:16:54 · 6009 阅读 · 0 评论 -
web前端开发之浏览器兼容
csshack 1 2 3 4 5 6 7 我很少使用hacker的,可能是个人习惯吧,我不喜欢写的代码IE不兼容,然后用hack来解决。不过hacker还是非常好用的。使用hacker我可以把浏览器分为3类:IE6 ;IE7和遨游;其他(IE8 chrome<br>ff safari opera等) ...转载 2019-01-14 09:31:20 · 335 阅读 · 0 评论 -
css动画淡入淡出
<!DOCTYPE html><html> <head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>动画《淡入淡出》</t原创 2019-01-04 09:36:00 · 9801 阅读 · 0 评论 -
文字向上循环轮播滚动
<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style>* {margin: 0;padding: 0;}原创 2018-10-29 10:32:02 · 2904 阅读 · 0 评论 -
react滚动条开发 适配PC 和 移动端的滚动 显示隐藏header和footer/滚动显隐公用组件
功能描述:移动端时,上滚则显示footer,下滚则隐藏footerPC端时,上滚则显示header,下滚则隐藏header。 xx.jsimport React, { Component } from 'react';import {BrowserRouter as Router,withRouter,} from 'react-router-dom'; ...原创 2018-09-28 10:59:19 · 3103 阅读 · 0 评论 -
js web 前端图片优化之--图片压缩上传
转自: https://www.cnblogs.com/007sx/p/7583202.html//此方法写的非常好,本人已采用 <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>XMLHttpRequest上传文件</title&转载 2018-08-13 23:17:29 · 2741 阅读 · 0 评论 -
js图片优化之----预加载
<!DOCTYPE html><html><head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Page Title</ti原创 2018-08-08 23:48:01 · 474 阅读 · 0 评论 -
js图片加载优化之----懒加载
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css"> img{width: 1000px;height: 600px;原创 2018-08-08 23:46:53 · 572 阅读 · 0 评论 -
js图片压缩上传
需要更改服务器地址 转载:https://www.cnblogs.com/007sx/p/7583202.html <!DOCTYPE html><html><head><meta charset="UTF-8"><title>XMLHttpRequest上传文件</title>转载 2018-08-10 19:13:08 · 239 阅读 · 0 评论