
前端
wjm0519
这个作者很懒,什么都没留下…
展开
-
uni-app 动态设置顶部导航栏
使用原生导航栏,通过API 动态修改pages.json 里面的配置原始的值不要改变如果需要在页面进入时设置标题,可以在onReady内执行,以避免被框架内的修改所覆盖。如果必须在onShow内执行需要延迟一小段时间在指定页面使用如下代码:uni.setNavigationBarTitle({ title: '新的标题'});uni.setNavigationBarColor({ frontColor: '#000000', //前景颜色值,包括按钮、标题、状态栏的颜色,仅支原创 2021-03-17 15:55:41 · 3074 阅读 · 2 评论 -
vue + mapbox 通过genjson数据加载3D建筑模型
1.代码<template> <div> <div id="map"></div> </div></template><script> import mapboxgl from 'mapbox-gl' // import * as THREE from 'three' // import { GLTFLoader } from 'three/examples/jsm/loaders/G.原创 2020-10-29 11:28:37 · 2014 阅读 · 4 评论 -
echarts 修改图形的主题颜色
1.下载echarts2.在html页面引入echarts相应的js文件<script src="../../node_modules/echarts/dist/echarts.min.js"></script><script src="../../node_modules/echarts-gl/dist/echarts-gl.min.js"></script>3.定义图形节点 <div id="pie" style="width:原创 2020-08-19 15:42:11 · 3362 阅读 · 1 评论 -
JS_Select获取option对象值的几种方式
1.html<div class="vip_tit"> 年度 <select id="year_id"></select> 月度 <select id="month_id"> <option selected="selected" value="1">1月</option> <option value="2">2月</option> .原创 2021-01-25 16:37:08 · 9433 阅读 · 1 评论 -
js 获取字符串最后一个字符
字符串var basic = "a,吧,b";第一种basic = basic.substr(0, basic.length - 1);第二种basic = basic.substring(0, basic.length - 1);第三种basic = basic.substring(0, basic.lastIndexOf(','));原创 2020-09-14 10:26:40 · 2559 阅读 · 0 评论 -
vue实现打印功能的方法
1,安装npm install vue-print-nb --save2,引入安装好以后在main.js文件中引入import Print from 'vue-print-nb' Vue.use(Print);//注册3,现在就可以使用了 <div id="printTest" > <p>锄禾日当...原创 2019-08-21 16:40:49 · 531 阅读 · 0 评论 -
uni-app 顶部搜索栏searchInput
1.pages.json 配置searchInput可以在titleNView的原生导航栏上放置搜索框。其宽度根据周围元素自适应。2.searchInput的点击输入框onNavigationBarSearchInputClicked、文本变化onNavigationBarSearchInputChanged、点击搜索按钮onNavigationBarSearchInputConfirmed等生命周期,见文档页面生命周期。 a.onNavigationBarSearchInputCli..原创 2021-03-17 10:38:22 · 5589 阅读 · 3 评论 -
vue前后端分离实现SSO单点登录(跨域)
1.首先在a(www.a.com)网站下创建文件夹a.vue,通过iframe引入B网站登录页面<iframe ref="iframe" src="http://www.b.com/#/login" style="height: 400px; width: 1200px; margin-bottom: 100px; display: none" ></iframe>2.a 通过‘postMessage’传值给b网站 info为用户原创 2021-02-07 17:55:38 · 2735 阅读 · 0 评论 -
通过Jquery实现文本高亮及取消高亮
1.首先确定高亮样式.highlight {color: red; }2.高亮方法text是文本内容,words关键字,tag为自定义标签function highlight(text, words, tag) { // 默认的标签,如果没有指定,使用span tag = tag || 'span'; var i, len = wor...原创 2020-04-14 14:31:43 · 1165 阅读 · 0 评论 -
layer.open 下无法获取select选中的值
问题:我将layer.open 下的content:内容写在body内,通过onchange事件无法获取select选中的值html代码<div style="display: none" id="labeladdBox"> <form class="form-horizontal" style="margin-top: 50px;"> ...原创 2020-03-02 20:56:35 · 1571 阅读 · 1 评论 -
layui 下是使用layer.open中form下的select 无法显示
问题:在弹框layer.open 中使用layui的form组件下的select 样式无法显示解决方法:在layer.open的success下添加代码form.render('select') addLabelmodel = layer.open({ type: 1, skin: 'layui-layer-rim', //加上边框...原创 2020-02-29 22:47:34 · 2486 阅读 · 0 评论 -
vue 父组件动态向子组件传值
1.父组件代码 <div class="submit-box"> <pointModel v-if="poinShow" @closePoint="closePoint" :longitude="longitude" :latitude="latitude"></pointModel> </div>2.子组件代码先通过p...原创 2019-12-24 17:18:58 · 1498 阅读 · 0 评论 -
JS 刷新页面的几种方法
1.reloadreload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet])参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")reload() 方法用于重新加载当前文档。如果该方法没有规定参数,或者参...原创 2019-12-18 18:18:41 · 250 阅读 · 0 评论 -
jquery发送ajax请求
Ajax用于浏览器与服务器通信而无需刷新整个页面,服务器将不再返回整个页面,而是返回少量数据,通过JavaScript DOM更新一部分节点。期间数据传输可采用xml,json等格式,Ajax最早用于谷歌的搜索提示。其实不刷新整个页面便可与服务器通信的方法有很多,比如Flash,Java applet,iframe等,但Ajax是目前最为常见的一种。我们可以使用JavaScript扩展对象...原创 2019-12-18 17:59:10 · 376 阅读 · 0 评论 -
layui数据表格渲染图片
<script> layui.use('table', function(){ var table = layui.table; table.render({ elem: '#test' ,url:'/admin/gis/modukarlist/' ,cellMinWidt...原创 2019-12-18 17:45:44 · 2479 阅读 · 2 评论 -
CSS控制文字长度,超出部分用‘...’代替
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow:hidden;text-overflow:ellipsis;white-space:nowrap;效果如图:但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢。接下...原创 2019-11-14 16:07:40 · 3217 阅读 · 0 评论 -
mui 富文本在数据库去除之后 页面显示为html代码 js反转义
数据交互之后,富文本内容无法正常显示,显示内容为html格式数据库存储格式是string 但“<” ">"等全是转义字符解决方法:获取数据之后,先将转义字符反转义,在放入节点中,就显示正常了反转义方法显示内容...原创 2018-10-31 09:54:13 · 1445 阅读 · 0 评论 -
web jquery 使用插件highlight.js 实现关键字标红 高量
1.进入js代码2.定义高量样式3.传入关键字,并实现高量4.展现效果5.highlight.js代码点击查看原创 2019-03-26 14:07:44 · 628 阅读 · 0 评论 -
PHPexcel 导出时实现单位上标(m³)
场景:在开发中要实现表格打印,表头有许多单位要体现出来达到如下图解决方法:在浏览器先搜索该单位的名称直接复制该符号粘贴至代码注:是复制粘贴效果...原创 2019-09-06 18:05:00 · 410 阅读 · 0 评论 -
layui 利用渲染模板渲染(laytpl) if -- else if --else 语句
1.定义节点2.渲染如下<script type="text/html" id="status"> {{# if(d.status === 1){ }} <span style="color: #29c024;">正常</span> {{# } else if(d.status === -1) { }} <spa...原创 2019-09-27 17:15:14 · 4406 阅读 · 0 评论 -
苹果手机 jquery点击事件无效
由于项目需求,在苹果移动设备上使用jquery事件时无效解决方法:在点击当前元素上添加样式css的手势样式即<style> .next_button{ cursor:pointer }</style>然后点击就没问题了...原创 2018-05-31 14:32:09 · 4132 阅读 · 2 评论