前端
上海菜鸡毛
珍惜当下
展开
-
JS图片预览 上传
js图片上传 预览原创 2022-08-23 18:24:04 · 58 阅读 · 0 评论 -
html 显示json 优化json
用jq,根据id评接标识获取json字符串。在调用方法格式化json字符串。得到html添加到pre<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script src="http://libs.baidu.c.原创 2021-02-07 17:48:58 · 330 阅读 · 0 评论 -
VUE 后台列表模板,分页,select分页加载
1.列表分页2.select 分页加载、搜索<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入样式 --> <link rel="stylesheet" href="https.原创 2021-01-18 16:07:30 · 393 阅读 · 0 评论 -
js提交图片
<input type="file" name="file" id="file" class="form-control"> <img src="" style="width: 50%" id="file-img"><script>document.getElementById('file').addEventListener('change', function (event) { var $file = event.currentTarget;.原创 2021-01-08 14:49:49 · 331 阅读 · 0 评论 -
html上传图片 js本地预览
图片存储到本地预览,不用上传服务器<input type="file" name="file" id="file" class="form-control"><img src="" style="width: 50%" id="file-img"><script>//建立一個可存取到該file的url function getObjectURL(file) { var url = null ; if (window.cr.原创 2021-01-08 14:48:32 · 141 阅读 · 0 评论 -
bootstrap php常用
模态窗 $id = mt_rand(1,11111111); $str = <<<EOT<!-- 按钮触发模态框 --><button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal{$id}">查看</button><!-- 模态框(Modal) --><div class="modal fade"原创 2020-09-04 11:30:35 · 109 阅读 · 0 评论 -
select2 常用方法
初始化var select2Name = "{{$name}}";var key = '.select2'+select2Name;var val = "{{$data}}";// 设置默认选择事件$(key).val(val).select2()//初始化Select2$(key).select2({ placeholder: {id: '', text: "{{$place}}"}, // 同上,这里默认空值为 ''})// 选中事件$(key).on("select2:原创 2020-07-28 11:01:52 · 1453 阅读 · 0 评论 -
JS/JQ 常用方法
获取form里面的内容/*** 获取对应form里面的值 * @param formId*/ function getElements(formId) { var form = document.getElementById(formId); var str = ''; // var elements = new Array(); var tagElements = form.getElementsByTagName('input'); f原创 2020-07-24 11:57:40 · 145 阅读 · 0 评论 -
DES加密
PHP调用// KEY 前端和后台的KEY必须是一样的$key = 'zyzx2fyZd8ud';// 一版是时间戳$time = '11111111';$DESController = new DESController();// 加密字符串$zfc =$DESController->strEnc('Eric', $key, $time);$jie = '';// 解密字符串得到Eric,一版解密前端提交的加密字符串$jie = $DESController->strDe原创 2020-06-24 12:02:43 · 207 阅读 · 0 评论 -
AES加密
PHP调用$linkPhone = 'URPsQ8ZOZDWtkqT7HhOiKw==';$privateKey = 'asiainfoIIS20182';$iv = "asiainfoIIS20182";$AES = new AES($privateKey, $iv);$decrypted = $AES->decrypt($linkPhone);x$JH = $AES->encrypt('18885000138');echo $JH.'|'.$decrypted;代码原创 2020-06-24 11:59:36 · 290 阅读 · 0 评论 -
web直播、即时聊天流程图。第三方平台
直播和即时聊天都是第三方工具直播即时聊天直播端流程客户端流程原创 2020-02-24 14:46:45 · 731 阅读 · 0 评论 -
input禁用可提交/不可提交
转载 2017-05-12 13:17:08 · 3231 阅读 · 0 评论 -
vue Uncaught TypeError: Cannot read property 'gc' of undefined
Vue.nextTick(() => { var map = new BMap.Map("containerbaidu"); var point = new BMap.Point(this.row.gps_lng, this.row.gps_lat); // 创建点坐标 map...原创 2018-03-21 19:14:36 · 1300 阅读 · 0 评论 -
[payment微信:-1]General errors, HBuilder 微信支付返回-100
参考这篇文章 http://ask.dcloud.net.cn/article/13245原创 2018-04-19 17:35:58 · 5542 阅读 · 0 评论 -
react 跳转到页面指定位置
当我在对getmdl这个网站中的其中一个template进行react化的时候,遇到了<a>标签href=“#xxx”的时候,会进行单页前端路由跳转的问题。点击上图中的红色按钮,正常的需求是,跳转到<a name="screens"></a>这个a标签的位置。<div className="android-be-together-section mdl-t...转载 2018-05-06 07:55:46 · 11171 阅读 · 0 评论 -
html 验证复选框选中
$("#"+k).is(":checked")转载 2018-06-04 17:23:00 · 470 阅读 · 0 评论 -
bootstrap-select组件,亲测还不错
前言:之前分享过两篇bootstrap下拉框的组件:JS组件系列——两种bootstrap multiselect组件大比拼 和 JS组件系列——Bootstrap Select2组件使用小结 ,收到很多园友的关注和提问,最后总结这两篇里面的下拉框组件都存在一些大大小小的问题,比如两种bootstrap mutiselect组件,界面渲染效果略差;再比如select2一些兼容性问题、多选的取值赋...转载 2018-06-14 15:45:56 · 1518 阅读 · 1 评论 -
Atom 插件
这里有详细的介绍https://blog.csdn.net/mnhn456/article/details/80538600Sync Settings 使用 (其中github创建gits的时候使用了外网)https://www.cnblogs.com/hooray/p/5885211.html...转载 2018-08-30 17:57:21 · 128 阅读 · 0 评论 -
JSON.parse 解析json字符串时,遇换行符报错
string = string.replace(/\n/g,"\\n").replace(/\r/g,"\\r"); 参考https://www.cnblogs.com/xiaozhuyuan/p/7098235.htmlhttps://www.cnblogs.com/alsf/p/8662189.html原创 2018-08-21 18:04:36 · 3933 阅读 · 0 评论 -
微信分享样式模板
http://www.17sucai.com/pins/demo-show?id=13863转载 2018-10-28 11:50:23 · 1690 阅读 · 0 评论 -
移动端rem自适应
<head><meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=.原创 2018-10-27 03:06:50 · 181 阅读 · 0 评论 -
select操作
select获取选中内容 默认选中select第一个转载 2017-12-05 16:02:42 · 139 阅读 · 0 评论 -
原生js左右滑动
.box{ width:100%; height: 100%; position: fixed; margin:auto; top: 0; left: 0; right:0;转载 2017-06-06 09:11:27 · 5243 阅读 · 0 评论 -
html问题
手机端固定html在页面底部。考虑输入法可以获取页面高度。减去div高度。margin-top:剩余高度;不考虑输入法用postion:absole;原创 2017-05-19 17:51:19 · 423 阅读 · 0 评论 -
百度地图引入
var map = new BMap.Map("containerbaidu"); // 创建地图实例 var point = new BMap.Point(116.404, 39.915); // 创建点坐标 map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别 map.enab原创 2017-04-26 09:30:12 · 272 阅读 · 0 评论 -
cendos 安装node,包含npm
准备命令:yum -y install gcc make gcc-c++ openssl-devel wget下载源码及解压:wget http://nodejs.org/dist/v0.10.26/node-v0.10.26.tar.gztar -zvxf node-v0.10.26.tar.gzcd进目录解压目录:cd nod转载 2017-05-14 10:26:03 · 273 阅读 · 0 评论 -
页面背景图片
body { background: url('./img/16020P94201-1.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; backgrou转载 2017-04-28 17:49:10 · 854 阅读 · 0 评论 -
js json字符串转对象
var data = eval('('+datare+')');console.log(data.msg);转载 2017-03-31 11:12:54 · 208 阅读 · 0 评论 -
网页录音,html5录音
网页录音,html5录音转载 2017-03-13 08:48:13 · 2811 阅读 · 0 评论 -
微信支付回调
微信支付回调,原创 2017-03-01 18:32:28 · 409 阅读 · 0 评论 -
js监听页面到底部
$(window).scroll(function () { //已经滚动到上面的页面高度 var scrollTop = $(this).scrollTop(); //页面高度 var scrollHeight = $(document).height(); //浏览器窗口高度 var windowHeight =转载 2017-06-29 10:48:13 · 2851 阅读 · 0 评论 -
react 学习
https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.min.js 链接地址原创 2017-06-20 07:56:08 · 179 阅读 · 0 评论 -
html音乐播放js/jq
function yinyue(){ var music = document.getElementById("music2"); if(music.paused){ music.play(); // 修改样式 $('#bofang').attr("class","stop"); }else{ music.pause(原创 2017-06-14 17:56:53 · 279 阅读 · 0 评论 -
js 文件上传
var fileObj = file[0];var FileController = '../upload.php';var form = new FormData();form.append("myfile", fileObj);createXMLHttpRequest();xhr.open("post", FileController, true);xhr.send(f转载 2017-04-17 14:36:02 · 374 阅读 · 0 评论 -
html内容适应手机端
body{overflow-x:hidden;}img{width: 100%;display: block;}这里写内容原创 2017-09-23 16:46:00 · 7890 阅读 · 0 评论 -
前端三级checkbox选择 / JS三级checkbox选择 / JS三级勾选
前端三级checkbox选择原创 2017-11-09 16:14:12 · 1972 阅读 · 0 评论 -
html动态显示隐藏
// 先引入jqueryfunction HidShow(yiji){ $(yiji).toggle(1000);}原创 2017-09-28 16:41:24 · 846 阅读 · 0 评论 -
bootstrap+swiper 图片查看器 图片查看
<!-- 最新版本的 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68原创 2017-08-21 15:05:09 · 4363 阅读 · 0 评论 -
【javascript】js 判断微信浏览器
我们知道 js 可以通过 window.navigator.userAgent 来获取浏览器的相关信息,比如:Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.154 Safari/537.36,那么我们也可以通过该方法来获取微信内置浏览器的相关信息:Mozilla/5.0 (iP转载 2017-07-25 11:35:55 · 243 阅读 · 0 评论 -
关于百度编辑器中图片手机端自适应、微信jssdk当前页链接
1、百度编辑器中添加的图片在手机端不能自适应问题 做网站经常要用到百度编辑器,页面的渲染我们一般用{content}来显示,这时候在手机端就会出现首先宽度过宽超过手机尺寸的问题,用max-width:100%;限制之后呢又会发现高度还是那么高,没有进行等比例缩放,找了下度娘下面列一下解决方法: 经过调试发现,<img>标签中的style就是影响移动端自适应的问题所在。将整个style删除后,既不会影转载 2017-07-25 10:22:16 · 1806 阅读 · 0 评论