
前端
前端学习记录
没用の阿豪
这个作者很懒,什么都没留下…
展开
-
vue页面缓存查询条件
main.vue修改<template> <div id="mainlayer" :class="{ 'is-sheet': isSheet }"> <div id="app"> <keep-alive :include="include"> <router-view v-if="$route.meta.keepAlive" /> </keep-alive>原创 2021-02-23 11:21:49 · 1202 阅读 · 0 评论 -
多规格sku组合映射成新品
最近有个需求如下用户建立一个产品,产品下面有很多商品,每个商品下有很多sku, 有的商品又需要很多sku组合成新的套餐进行销售如下三个产品每个产品对应的sku此时我需要将一个产品的某个sku进行组合或者多个商品的sku进行组合成新的商品,如下...原创 2021-02-05 16:52:30 · 1014 阅读 · 0 评论 -
ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf
vue项目应用element-ui后报错ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf在对应的config.js内加入 module: { rules: [{ test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, loader: 'file-loader' }] }在次允许可能还会报错Module not原创 2021-01-16 11:38:36 · 1149 阅读 · 0 评论 -
创建uni iconfont图片
我是用的阿里云iconfont操作如下登录->资源管理->我的项目->新建项目将svg格式图标上传至项目下载,将iconfont.css 以外的文件全删掉切换回来将代码替换,并将每个url添加https:头部原创 2020-12-24 18:34:46 · 108 阅读 · 1 评论 -
New minor version of npm available! 6.13.4 -> 6.14.8
今天NPM run的时候出现了以下错误照着运行了以下 npm install -g npm结果又报错意思是XXX文件已存在 删掉对应文件后运行,不报错了原创 2020-11-09 15:19:50 · 12503 阅读 · 2 评论 -
下载资源服务器资源例如下载网络图片
最近有个需求,下载资源服务器的图片,找了各种办法去下载,都未能实现,最后不得已,写下了如下方法,先用服务器去获取资源,将图片保存再服务器上,再去下载前端代码 onClick:function(){ if(confirm( '是否下载当前图片! ')==true){ var reg = /(?<=(src="))[^"]*?(?=")/ig; var str =$('.swiper-slide-active').children('span').childre原创 2020-05-22 11:38:32 · 373 阅读 · 0 评论 -
autocomplete="off"失效
最近发现autocomplete="off"有时候有效有时候又不能用的,然后项目用户修改信息的时候总是修改到用户的密码 最后找到了一个方法如下 解决了问题readonly onfocus="this.removeAttribute('readonly');" ...原创 2020-01-14 10:19:49 · 668 阅读 · 0 评论 -
ajax post 下载excel文件
$filename = date('Ymdhis').'.xlsx'; $title = $this->getTitle(); //交易信息列表 $wallet_log = $this->walletLog($params)->toArray(); $data = getExportDataByTitle($...原创 2019-12-25 18:38:17 · 1021 阅读 · 0 评论 -
d3 tree 结构树
实现效果如下<style> .node { cursor: pointer; } .node circle { fill: #fff; stroke: steelblue; stroke-width: 1.5px; } .node text { font: 1...原创 2019-11-28 08:42:24 · 764 阅读 · 0 评论 -
layui cms数据请求419 添加headers
layui cms发送请求也使用的是ajax 所以加个headers即可,如下<script> $.ajaxSetup({ headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')} });</script>可能会报$未定义 引入jq即可<sc...原创 2019-11-27 15:27:01 · 1848 阅读 · 0 评论 -
layui cms修改接口返回格式 数据结构不识别
在table.js里修改ajax返回格式例如我的数据格式为找到ajax修改一下返回值,如下原创 2019-11-25 17:04:09 · 297 阅读 · 0 评论 -
Postman Bearer Token登录自动赋值
var data = JSON.parse(responseBody); if (data.data.token) { tests["Body has token"] = true; postman.setEnvironmentVariable("access_token",data.data.token); } else { tests["Body...原创 2019-11-20 13:38:22 · 736 阅读 · 0 评论 -
基于laravel+layuicms iframe多标签页后台管理框架模板(一)
最近写了不少项目,遇到了页面上的一些问题,于是萌生了封装一个自己用的框架的想法,写起来方便,节省更多时间可以学习一些别的东西,顺便在新项目中试用一下,caffeinated/modules还不支持laravel6.0所以本次还是使用了laravel 5.5后续更新了再做调整...原创 2019-11-15 10:02:53 · 1533 阅读 · 0 评论 -
科幻风UI界面
最近看了许多科幻风的大数据平台界面,挑选了几个供大家参考,源码地址https://download.youkuaiyun.com/download/qq_29099209/10646178其一:其二其三其四 这个下载都要收费 没找到免费的,花钱买了一份https://download.youkuaiyun.com/download/qq_29099209/10952258...原创 2018-09-05 09:05:25 · 7738 阅读 · 0 评论 -
webapp网页调起相机拍照
<html><meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <head> </head> <script>原创 2018-09-11 11:27:08 · 1220 阅读 · 0 评论 -
文件上传获取路径显示c:\fakepath\...解决办法
最近再做一个文件上传的功能,突然发现用AJAX上传时 文件路径变成了c:\fakepath\...最后实在没办法了找到如下解决办法 暂时解决了问题在页面添加隐藏表单,ajax提交完成时提交隐藏表单,并刷新指定的iframe实现页面不刷新完成文件提交html<form hidden="hidden" method="post" enctype="multipart/form-...原创 2018-09-21 14:13:49 · 52148 阅读 · 16 评论 -
laravel 上传图片并在页面显示
1:上传图片 public function updateFeedbackImg(Request $request) { $bool = false; $upload_file = $request->file("pic"); if ($upload_file->isValid()) { $realPath...原创 2018-04-24 16:20:08 · 2396 阅读 · 0 评论 -
上传图片预览
1:html内容 <div id="pox"> <input id="filed" type="file" accept="image/*"/> </div> <div id="box">原创 2018-04-20 14:14:17 · 128 阅读 · 0 评论 -
echart地图下钻上钻 地图分级 省市区
最近研究了一下地图上钻下钻的功能,基本实现了左键下钻,右键上钻效果如下有需要的可以参考参考实现的代码如下 还需要一个地图数据信息请访问https://download.youkuaiyun.com/download/qq_29099209/10882447下载 var data = []; for (var name in res) { data.push({"...原创 2018-12-28 10:07:31 · 4890 阅读 · 0 评论 -
jq实现web端智能检索功能
前几天做了一个地图添加点,由于点数较多所以要一个智能检索功能,具体代码如下html<div class=" BMap_noprint anchorTL" style="position: absolute; z-index: 10; text-size-adjust: none; bottom: auto; right: auto; top: 3px; left: ...原创 2018-07-31 14:42:31 · 788 阅读 · 0 评论 -
node.js+express+vue+mysql搭建web服务(一)
1原创 2019-07-17 15:32:22 · 556 阅读 · 0 评论 -
myflow.js 流程图插件 拖拽组织架构流程图 代码和简单文档操作
jQuery ui基于myflow.js绘制流程图插件,自定义组织架构图图表,拖拽绘制组织架构图表代码。支持分支、节点状态工作流程图表样式代码。下载地址https://download.youkuaiyun.com/download/qq_29099209/10658520,https://download.youkuaiyun.com/download/qq_29099209/11258209有需要改装的源码...原创 2018-09-11 09:58:56 · 36234 阅读 · 108 评论 -
vlc 添加字幕 javascript
页面添加vlc <div style="background-color: #000000;" id="video_container"> <object type='application/x-vlc-plugin' id='video_plugin' events='True' codebase="axvlc...原创 2018-08-24 17:01:55 · 1481 阅读 · 1 评论 -
vue.js从入门到精通之数据绑定
创建数据var artcles = { artcles: [ { name: '热文推荐1', 'date': '2018-08-08 00:00:00', 'content': 'xxxxxxxxxxxxx1', 'href...原创 2018-08-10 11:50:38 · 383 阅读 · 0 评论 -
html5+svg实现交互式3D地图
最近看了一个系统的一张图感觉视觉效果很赞,如下图所示 不过不知道该怎么去实现,于是上网找了很多种方案,实现了如下效果 没有美工 随便找了张图实现了一下,具体思路如下1标注点添加时使用canvas拖拽实现坐标点拾取,存入数据库2根据拾取的点坐标添加点实现以上效果3点击标注点切换信息窗口信息4如需详细的地图信息,可使用SVGDeveloper将所需的场景地图扣出来做点击...原创 2018-08-13 09:26:29 · 12844 阅读 · 1 评论 -
webcam html5+PHP 实现网站调用摄像头拍照,存储照片和照片预览功能
1HTML <div> <div id="camera" style="float: left"> </div> <div style="float: left;margin-left: 60px;">原创 2018-07-25 13:56:33 · 8030 阅读 · 7 评论 -
上传图片canvas获取点读内容 实现图片点读效果
最近做了一个英语点读的功能,具体是点图片某块位置会获取对应的语音信息进行点读效果,找了两种解决办法1百度ai识别图片代码如下,不过这种办法实现的效果并不好,会把页面所有文字内容识别出来,没办法区分哪些需要那些不需要,合并坐标信息也用了很多办法,始终没有弄好精准合并,所以办法被舍弃了$client = new \AipOcr(xxxx, 'xxxxx', 'xxxxx'); ...原创 2018-12-14 17:09:08 · 8117 阅读 · 0 评论 -
canvas 多层弹框
思路是创建两个画布,隐藏弹出的画布,在基础画布点击元素时,创建一个矩形或圆形,判断点击位置是否在区域内,实现点击判断,初始化弹出层并控制弹出层显示/隐藏1:创建两个canvas画布HTML<canvas id="worksite_schema" width="100" height="800"></canvas><canvas id="detail_schema&a原创 2018-06-08 09:04:36 · 944 阅读 · 0 评论 -
百度地图API之自定义区域并获取点坐标
1html<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <m原创 2018-05-23 09:14:01 · 10750 阅读 · 2 评论 -
百度地图API之只显示选定区域
1:html <div id="container"></div> 2:js //提示:下面的代码用jquery,所以如果有不能运行的情况请引用后尝试 //百度地图api container对应前端div名称 前端要引用2.0版本的百度地图api //需引用api.map.baidu.com/library/AreaRestriction/1....原创 2018-05-07 17:46:36 · 7564 阅读 · 0 评论 -
百度地图API之点聚合 文字标签显示/隐藏
1:html<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.原创 2018-05-07 10:22:10 · 7077 阅读 · 0 评论 -
百度地图API之行政区域边界
Html<div id="container"></div><br />输入省、直辖市或县名称:<input type="text" id="districtName" style="width:80px" value="重庆市"><input type="but原创 2018-05-04 13:40:04 · 10878 阅读 · 2 评论 -
bootstrap Table 传参写法
//$('#mytab').bootstrapTable('destroy');//这是销毁表格的代码//根据窗口调整表格高度/* $(window).resize(function() { $('#mytab').bootstrapTable('resetView', { height: tableHeight()})});*/try { $.ajaxSetup({heade...原创 2019-10-24 08:29:07 · 2473 阅读 · 0 评论 -
bootstrap table导出数字身份证号过长隐藏科学记数法
在网上找了很多代码 结果我用的跟网上的代码不一致 头疼搞不定,后面又找了一篇比较全的 还是不一样,最后一一对照代码修改;以下是正确代码 在一下圈起来的关键词查找内容或者可直接替换tableExport.js,以下为正确内容/*The MIT License (MIT) Original work Copyright (c) 2014 https://github.com...原创 2018-11-23 10:20:13 · 1915 阅读 · 0 评论 -
初学bootstrap treeciew之自定义节点显示内容
自定义节点显示内容,由于客户需求不得已再次研究了一下发现还能这么写var tree = [ { text:"<i class='fa fa-user'></i>" }, { text:"<a onclick='alert(111)'>点击弹窗</a>...原创 2018-08-08 15:14:53 · 1047 阅读 · 0 评论 -
bootstrap之颜色对应class
1: 背景色class = 'bg-xxx'.bg-red,.bg-yellow,.bg-aqua,.bg-blue,.bg-light-blue,.bg-green,.bg-navy,.bg-teal,.bg-olive,.bg-lime,.bg-orange,.bg-fuchsia,.bg-purple,.bg-maroon,.bg-black,.bg-re...原创 2018-07-31 14:18:40 · 5634 阅读 · 0 评论 -
bootstrap 日期范围选择器 日期选择器
1日期选择器<!DOCTYPE html><html dir="ltr" lang="en-US"> <head> <meta charset="UTF-8" /> <title>A date range picker for Bootstrap</tit原创 2018-05-10 14:58:34 · 5169 阅读 · 0 评论