js
js\jquery\vue
tang05709
这个作者很懒,什么都没留下…
展开
-
layui使用插件导出excel
插件地址:http://excel.wj2015.com/_book/docs/%E5%8A%9F%E8%83%BD%E6%A6%82%E8%A7%88.htmlres.data.list.unshift({CreatedAt: '日期', 'user.nickName': '用户', track: '订单号', iata: '目的地', packages: '件数', gross: '毛重', amountReceivable: '费用', amountPayable: '应付'});原创 2021-03-17 15:44:58 · 597 阅读 · 0 评论 -
html 显示pdf
有个需求,后台上传pdf文件作为新闻的内容,前端新闻详情页展示pdf,html显示pdf已经支持了,如使用iframe, object,embed,但这几个都会显示工具栏和框架边框,而我想要的是没有边框,没有工具栏,就直接把pdf内容展示到页面就可以了,就像富文本那样,直接展示出来,看了几个,最终选择了pdf.jshttps://mozilla.github.io/pdf.js/这个支持把pdf转为canvas,这样就可以直接展示内容了,但对seo不是很理想,客户要求使用pdf,那就这样吧。ht原创 2021-03-15 16:11:40 · 442 阅读 · 0 评论 -
layui 编辑器提交后内容为空
layui编辑器有几个方法LayEdit提供了相当精简的方法,如下:方法名 描述 var index = layedit.build(id, options) 用于建立编辑器的核心方法index:即该方法返回的索引 参数id: 实例元素(一般为textarea)的id值 参数options:编辑器的可配置项,下文会做进一步介绍 layedit.set(options) 设置编辑器的全局属性 即上述build方法的options layedit.ge..原创 2021-01-05 22:24:17 · 517 阅读 · 0 评论 -
原来google授权这么简单
首先放个按钮,当然可以用谷歌自己的,这个更简单。我这里使用了自己的按钮<div id="google-login"> <img src="{{ URL::asset('images/common/share_google.png') }}" /> </div>引入js<script src="https://apis.google.com/js/api:client.js"></scri原创 2020-12-28 16:38:40 · 1740 阅读 · 0 评论 -
php集成腾讯云im
官网文档https://cloud.tencent.com/document/product/269/37413由于我是用的laravel,所以用的web方式<script src="/public/vendor/tim/tim-js.js"></script><script src="/public/vendor/tim/cos-js-sdk-v5.min.js"></script>1、后端签名https://cloud.tencen原创 2020-10-22 17:01:46 · 1349 阅读 · 0 评论 -
ant design vue表格列表时间戳转时间
import moment from 'moment'moment.locale('zh-cn')return [{ title: '产品', dataIndex: 'objPortfolio.portfolioName' }, { title: '更新时间', dataIndex: 'updateTime', customRender: (text, row, index) => { .原创 2020-10-20 16:38:28 · 3137 阅读 · 0 评论 -
spring boot结合vue导入csv
vue<div class="option-area"> <a-upload class="upload-area" :fileList="fileList" :remove="handleRemove" :disabled="fileList.length === 1" :beforeUpload="beforeUpload"> <a-button&g原创 2020-10-14 16:09:37 · 495 阅读 · 0 评论 -
spring boot + vue提交有日期的表单报JSON parse error错
提交表单时,表单里用到了ant design vue的a-date-picker日期选择器,但在提交的时候报JSON parse error错误。通过调试打印出来的数据可以看到,提交的数据日期格式是一个Moment对象,需要把这个转为字符串才可以,同时后台接收数据也需要在日期数据上加上JsonFormat注解后台@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")@Field("start_date")private Date startDate;@J原创 2020-10-10 10:16:59 · 700 阅读 · 0 评论 -
layui弹出数据表格并获取选中
需求样例显示弹出层并获取选中的数据$("#selectLawyer").click(function() { layer.open({ type: 2 ,title: '选择用户' ,area: ['70%', '580px'] ,content: '/admin/xxxx/ajaxlist' ,btn: .原创 2020-09-17 14:22:19 · 2066 阅读 · 1 评论 -
根据经纬度、角度、距离获取另一个点的经纬度
需求,做高德地图时,设置覆盖物,点击搜索结果默认在给定半径内设置4个坐标点形成覆盖区域这就需要根据获取到的经纬度获取计算半径内4个点的坐标计算方法:https://stackoverflow.com/questions/7222382/get-lat-long-given-current-point-distance-and-bearingphppublic static function getRandLngLat($lng, $lat, $angle, $distance)原创 2020-07-31 15:11:16 · 2920 阅读 · 0 评论 -
腾讯地图api获取地理位置、经纬度等信息
需要使用地图搜索,并点击结果后去省市区、经纬度、详细地址、行政区信息var citylocation; // 定位当前城市 var searchService; // 地图搜索 var geocoder; // 地址解析 var map; // 地图 var markers = new Array(); // 搜索结果 var init = function() { var center = new原创 2020-07-13 16:52:11 · 5406 阅读 · 0 评论 -
微信小程序报错module “wxParse/wxParse.js“ is not defined
微信小程序报错module "wxParse/wxParse.js" is not defined解决在本地设置把 ES6 转 ES5 勾上就 可以了原创 2020-07-08 11:15:00 · 4976 阅读 · 2 评论 -
微信小程序request简单封装
在utils下新建request.jsconst app = getApp()const httpRequest = (url, data, method) => { return new Promise((resolve, reject) => { wx.request({ url: app.globalData.url + url, method: method, data: data, success: (res) =原创 2020-06-23 15:35:35 · 249 阅读 · 0 评论 -
vue上拉分页
export default { name: 'Posts', data () { return { show: true, loadding: true, oss: '', posts: [], page: 1, hasMore: 0 } }, created() { window.addEventListener('scroll', this.onScroll) }, mounted.原创 2020-06-14 17:24:49 · 339 阅读 · 0 评论 -
vue 使用weui和weuijs上传图片
上传组件<template> <div class="weui-cells weui-cells_form" id="uploader"> <div class="weui-cell"> <div class="weui-cell__bd"> <div class="weui-uploader"> <div class="weui-upl原创 2020-06-14 17:00:31 · 416 阅读 · 0 评论 -
VUE 上传图片
jsexport default function uploader(obj, files) { return new Promise((resolve, reject) => { let attachments = new Array() let errorCount = 0 if (files.length > 0) { for(let file of files) { let formData = new FormData()原创 2020-06-14 16:57:20 · 150 阅读 · 0 评论 -
vue点击修改当前dom的值和class
<span class="unfollow" @click="follow(data.user.id, $event)">关注</span>follow(user_id, event) { console.log(user_id) this.$axios.post('/api/user/follow', { follow_user_id: user_id }).then(response => { le.原创 2020-06-03 17:52:31 · 4089 阅读 · 0 评论 -
vue使用weuijs上传图片
首先安装weuijsnpm install weui.js在app.js中引入import weui from 'weui.js'Vue.prototype.$weui = weui建立Uploader.vue<template> <div class="weui-cells weui-cells_form" id="uploader"> <div class="weui-cell"> <div .原创 2020-05-31 18:41:52 · 333 阅读 · 0 评论 -
layui集成富文本编辑器
layui富文本编辑器集成比其他任何富文本编辑器集成都简单,因为layui自带富文本编辑器,只需要2行代码:var layedit = layui.layedit; layedit.build('lay_content', { tool: ['strong', 'italic', 'underline', 'del', '|', 'left', 'ce...原创 2020-04-19 15:41:11 · 1445 阅读 · 0 评论 -
layui三级联动
layui.use(["form", "jquery"], function() { var form = layui.form; form.on('select(children-select)', function(data){ // 三级联动 var id = data.value; ...原创 2020-04-19 15:15:15 · 545 阅读 · 0 评论 -
echart报表缩放
当报表数据过多展示密集时,可以使用缩放功能。option = { dataZoom: [ { type: 'inside', show: true, start: 0, end: 20 }, ],}type:类型inside:内置于坐标系中...原创 2020-03-19 14:16:27 · 426 阅读 · 0 评论 -
jstree使用
jstree地址https://www.jstree.com/<div class="jstree-select-group"> <div class="jstree-selected"> <input type="hidden" class="searchkey" na...原创 2020-02-26 15:49:58 · 450 阅读 · 0 评论 -
js获取替换url参数
function UpdateUrlParam(name, val) { var thisURL = document.location.href; if (thisURL.indexOf(name+'=') > 0) { var v = getUrlParam(name); if (v != null) {...原创 2020-02-21 14:25:35 · 508 阅读 · 0 评论 -
js 导出html为doc
js导出word使用了插件:jquery.wordexport.js和FileSaver.jshttps://github.com/markswindoll/jQuery-Word-Exporthttps://github.com/eligrey/FileSaver.js/并且依赖jquery<!DOCTYPE html><html><head...原创 2020-02-18 16:45:03 · 605 阅读 · 0 评论 -
vue小项目
首先需要安装node,参考官网http://nodejs.cn/再就是安装vue-clinpm uninstall vue-cli -g初始化项目vue init webpack staticweb安装vue-routernpm install vue-router安装axiosnpm install axios项目是输入手机号查证书,就2个页面,首页和...原创 2019-12-11 09:38:18 · 184 阅读 · 0 评论 -
微信小程序云开发自定义上传组件
首先在miniprograme下的components目录下新建目录uploader并新建组件(component)uploaderwxml用于显示上传按钮和图片显示<view class="form-item"> <view class="weui-cells__title">图片</view> <view class="weui-c...原创 2019-11-09 18:10:52 · 684 阅读 · 0 评论 -
js 复制
$(this).click(function() { var url = $(this).attr('data-url'); var inputDom = document.createElement('input'); inputDom.type = 'text'; inputDom.value =...原创 2019-11-07 16:20:48 · 128 阅读 · 0 评论 -
js中的doucment.body和document.documentElement
今天在学js时,按照书上的例子使用document.body.clientHeight获取窗口的高度做弹出层,但弹出的层的位置没有改变,然后我alert出来看他的高度在不同的浏览器中显示在20-23之间,在网上查看说在新版本的w3c标准中获取浏览器宽、高用document.documentElement.client***;原创 2014-05-12 12:20:32 · 793 阅读 · 0 评论 -
自己搞了个简单的tab选项卡
function tabContent(i){ $(".tablecb").hide(); $("#uftable"+i).show();}.ufpricelist{width:100%;}.ufpricelist_ul li{float:left; padding-left:2px; padding-right:2px; margin-left原创 2014-07-02 11:34:20 · 409 阅读 · 0 评论 -
jquery图片轮播
$(function(){var pian=0;var imgarr=new Array("images/j1.jpg","images/j2.jpg","images/j3.jpg","images/j4.jpg");$(".banner").attr("src",imgarr[0]);function changeimg(){$(".banner")原创 2014-07-04 11:00:01 · 568 阅读 · 0 评论 -
jquery轮播改进
.div1{width:1350px}.lbanner{float:left; width:1024px; height:768px;}li{list-style:none}img{border:none}.rbanner{float:right; width:280px; height:768px;}.shuzi{text-align:right; margin-top:-3原创 2014-07-04 11:56:01 · 380 阅读 · 0 评论 -
jquery 简单二级树形菜单
如图:原创 2014-10-24 17:12:16 · 1359 阅读 · 0 评论 -
简单导航下拉菜单
GROUP中嘉集团 中嘉集团 中嘉集团 中嘉集团 中嘉集团 中嘉集团原创 2014-11-22 11:43:51 · 430 阅读 · 0 评论 -
js 动态改变 HTML <image> 的来源(src)
http://www.w3cschool.cc/function changeImage(){element=document.getElementById('myimage')if (element.src.match("bulbon")) { element.src="/images/pic_bulboff.gif"; }else {转载 2014-12-01 16:22:54 · 6529 阅读 · 0 评论 -
js点击换一张验证码
function RefreshImage() { var el =document.getElementById("img11"); el.src=el.src+'?';//这个特别重要 }原创 2014-12-18 17:06:44 · 2311 阅读 · 0 评论 -
jquery简单的选项卡
tab 1 tab 2 tab 1 tab 1 tab 1 tab 1 tab 1 tab 1 tab 1 tab 1 $("#indnewstitle_1").show();$(".indn原创 2014-12-04 14:43:15 · 522 阅读 · 0 评论 -
分享1个js图表库
ichartjs是一款基于HTML5的图形库。使用纯javascript语言, 利用HTML5的canvas标签绘制各式图形。 ichartjs目前支持饼图、环形图、折线图、面积图、柱形图、条形图。ichartjs是基于Apache License 2.0协议的开源项目。下载ichartjs使用引入//定义数据var data = [{name : 'H原创 2014-12-24 14:39:53 · 452 阅读 · 0 评论 -
jquery datepicker
jQuery UI Datepicker - Default functionality $(function() { $( "#datepicker" ).datepicker(); }); Date: 如果报js错误:Cannot read property 'msie' of u原创 2014-12-25 10:41:49 · 413 阅读 · 0 评论 -
js 函数使用的一些方法
自调用函数(function () { var x = "Hello!!"; // 我将调用自己})();函数提升myFunction(5);function myFunction(y) { return y * y;}function myFunction(x, y) { if (y转载 2014-12-11 14:24:42 · 389 阅读 · 0 评论 -
select隐藏选中值对应的id,显示其它id
由于select选项较少,做的简单,-请选择类型-兑换等级兑换现金兑换礼物$(document).ready(function(){var alltypes = ['grade','money','gift'];$("#typeid").change(function(){var type = $(this).val();fo原创 2014-12-30 10:50:50 · 1063 阅读 · 0 评论