- 博客(31)
- 收藏
- 关注
RSS订阅原创 js和jq根据className获取此className的所有value
需求是获取某个className的所有value，我发现当我们直接使用$(‘.className’).val()的时候，我们只能获取到第一个class的值，后面的都无法获取到，最后百度后找到能获取到所有value的方法。结果就是：consolr.log(numsArr)[“2”,“3”,“4”]...
2022-06-09 11:16:06
1093
原创 微信小程序获取用户头像和昵称
由于微信回收了open-data，头像返回了默认头像，昵称返回了微信用户，大家都骂骂咧咧的把getUserInfo改成了getUserProfile，getUserProfile这个api需要tap才能触发，不能再直接在onload和onshow直接调用函数了。所以我们选择onload的时候打开一个showModal，让用户点击允许获取信息才调用该接口。而我们为了避免每次获取头像和昵称而把它存起来，但是又担心用户修改昵称和头像，所以搞了一个定时器，因为setStorageSync官方说不清理就不会丢失（其
2022-03-18 15:41:24
8013
原创 关于jsp使用window.open(url)打开图片发现无法另存为的问题
如标题所示，我们有个功能是点击图片，图片在新页面打开，于是我们使用window.open，但是我们发现打开的图片页面上方会一直在旋转，不知道是否一直在加载，加了close()，就没有再旋转，但是打开的图片都可以复制图片，但是有些可以另存为有些不行，查过之后才发现原来是谷歌浏览器的内核干嘛干嘛的，所以需要加个location="#"解决新打开的图片页面不旋转以及可以另存为：var win = window.open(); //打开新的空白窗口 win.document.write (url);
2022-03-18 15:24:53
935
原创 微信小程序使用new Date(time)转格式的问题
下面代码是我用于格式化日期的函数，因为小程序获取数据返回的日期格式是"yyyy/MM/dd hh:ss:mm"，而我们展示数据以及向后台传参的格式是"yyyy-MM-dd hh:mm:ss"。我发现在开发者工具使用该函数没有问题，但是用ios手机测试，显示我转换的日期字符串变成了"NaN-NaN-NaN NaN:NaN:NaN"，我一整个大无语住了，后来百度过后才知道原来小程序用new Date(time)，time不能是-，需要是/，所以就加了两段代码解决了。var data = data; if(
2022-03-18 15:14:41
2467
原创 html使用vue.js作为组件引入，vue3-sfc-loader用法！亲测有效！
由于公司的项目是需要单点登录的，我们的项目不能直接用vue，只能用传统的方法，然后为了组件化，最好是使用vue，试过用httpVueLoader，但由于不能使用import，而作者又出了vue3-sfc-loader。此次测试是以vue2和element ui为例子，如果是vue3和element ui plus的请自行去官网查看用法哦，谢谢！（请注意css文件的import的路径哦！）html引入vue.js，vue可以import js文件和css文件！目录结构如下：test02–compo
2021-10-15 16:41:58
9118
14
原创 windows升级node的方法步骤，亲测有效！
第一步：node -v查看node.js版本第二步：打开cmd查看你之前node版本安装的路径，where node第三步：直接去官网下载与你电脑系统（32位还是64位）对应的最新的mis版本,安装在上述路径中覆盖即可。第四步：node -v,发现更新到最新版本了。成功！...
2021-09-27 10:13:08
12434
7
原创 uni-app 表格后端不分页加载更多封装的js
status：判断加载文字和是否继续进行加载partData：传给table显示的数据allData：总数据const tableMore = { status: 0, text: ['加载更多...', '拼命加载中！', '没有更多了']}const isMore = (status,partData,allData) => { let partLength = partData.length let allLength = allData.length let partLen
2021-07-27 10:56:31
224
原创 uni-app 点击图片放大预览
<u-image @click="imgClick(imgSrc)" :src="imgSrc"></u-image><script>// https://ext.dcloud.net.cn/plugin?id=123 图片预览插件安装地址import { pathToBase64, base64ToPath } from '../../js_sdk/mmmm-image-tools/index.js'export default { metho
2021-07-23 09:29:51
5387
原创 uni-app 把图片资源转换成 Base64 字符串的 ArrayBuffer 对象，放在image的url上
this.path : 最终放在image的url里<u-image :src="imgSrc"></u-image>import storage from '@/utils/storage'import { ACCESS_TOKEN} from '@/store/mutation-types'// 接口代码uni.request({ url: '接口地址', method: 'GET', data: {}, header: {'Authorization':
2021-07-23 09:24:19
2545
原创 openlayers地图单击事件
// moveend 监听图层放大缩小事件// pointermove 鼠标移动事件// singleclick 单击事件this.map.on("singleclick", (e) =>{ // console.log(e); var feature = this.map.forEachFeatureAtPixel( e.pixel, (feature, layer) => { return featu
2021-07-21 15:44:03
1289
2
原创 echarts 控制图例显示隐藏以及自适应的方法
当屏幕大小发生变化，echarts没有进行自适应，我们可以使用它的resize()方法去解决。当echarts的组件放在el-tabs里面的el-tab-pane切换时，echarts的自适应会跟不上，所以每次回到echarts重新调用resize()方法<template> <div> <div @click="tableShowClick"> 5656</div> <charts ref="charts" :charts-da
2021-07-21 15:34:29
5294
原创 固定数据格式化的方法
<template> <div> <p>waterSituation(water)</p> // 本页面内格式化方法显示为：涨 <p>waterDataChange(water)</p> // 外部引入格式化方法显示为：涨 </div></template><script>import { waterChange} from "@/utils/paramSwi
2021-07-21 15:08:01
122
原创 vue watch和computed不一样的地方
computed：不需要在data(){return {}}里面定义res，res的值受computed res(){}里面return 的值影响<template> <div>{{res}}</div></template><script>export default{data(){return {}}computed: { res() { return 10+5 } }}</sc
2021-07-21 14:53:17
93
原创 vue option-select 地区三级联动
temple部分的内容：<div class="from-area area"> <select v-model="provinceId" @change="getcityList(provinceId)"> <option value='' disabled selected style='display:none;'>请选择省份</option> <option :value="item.ci
2020-09-15 16:54:32
523
2
原创 html+css+jq 悬浮导航栏
右侧导航栏，一直悬浮在右侧居中处，当导航栏到页面的最上面部分，导航栏消失，当鼠标滑动到页面的第二部分，导航栏出来，导航栏出现的位置在页面的第二部分和第三部分，即是页面的中部和下部。可设置描点跳转到页面位置html代码<div class="r_xnav"> <ul class="rnav_ul"> <li> <a href="#indnav_z
2020-08-19 16:08:50
2258
原创 html+css+jquery tabs切换，左右切换和普通切换联合
html代码<div class="zy_nav"> <img src="左边未选中点击的图片" alt="" class="lnav"> <img src="右边未选中点击的图片" alt="" class="rnav"> </div> <ul class="zj_nav">
2020-08-19 16:06:42
274
原创 html+css table表格，内部线为1，每个单元格大小平均一致
html代码 <table class="cjzytf_table" border="1"> <tr> <th>111</th> <th>2222</th>
2020-08-19 16:03:06
2574
原创 html+css 给内容接滑动条，并设置样式
html代码<div class="cjlc"></div>css代码.cjlc{ position: relative; top: -71px; overflow: auto; overflow-x: hidden; width: 100%; height: 100%;}.cjlc::-webkit-scrollbar,.rhcj_xnr::-webkit-scrollbar{ // padding-left: 20px; width:
2020-08-19 15:59:55
373
原创 html+css+jquery tabs切换，hover和选中后的效果，每次点击都会回到并选中该模块的第一个目标
html代码<div class="zyys_contain"> <ul class="zyys_nav"> <li class="cur"> <span>tabs1</span> </li> <li>
2020-08-19 15:58:39
537
原创 html + scss 描点点击跳转，hover底部图片转换样式
html代码<ul class="ind_nav"> <li><a href="#indnav_zyys" style="display: block;width: 100%;height: 100%;"></a></li><li><a href="#indnav_jwcj" style="display: block;width: 100%;height: 100%;"></a></l
2020-08-19 15:54:32
412
原创 Html + JQuery 点击图片弹出视频加蒙版，全局居中并且可关闭
html代码//点击的图片<div class="sp"> <img src="图片路径" alt=""></div>//弹出的视频和蒙版<div class="sp_main"> <div class="video-div" style="width: 668px;height: 388px; display: none;z-index: 2000;"> <video class=
2020-08-19 15:50:44
853
原创 html+css 背景图片铺满并居中
html代码<div class="main-page"></div>scss代码从代码中我们可以看到，.main-page{ background: url('背景图片路径')no-repeat top center; position: relative; height:需要的高度px; overflow: hidden;}
2020-08-19 15:47:48
3976
原创 html+scss/ html+css 点击logo图片跳转到某个页面
页面都需要logo，然后点击logo就可以回到首页这样的话，可以用 a 标签来进行更加方便的进行跳转html代码<a href="/" class="index"></a>scss代码我们可以看到&:hover{ opacity: 1; }这行代码，其实这行代码用css表示也就是：.index:hover{opacity: 1;}.index{ position: absolute; width:354px; hei
2020-08-17 17:46:44
2993
原创 html+css 实现内容大小固定，跟随屏幕固定居中
html内容：<div class="ind_main"></div>css内容：给div设置宽度和高度，top和left都设置50%，然后 margin : -(div的高度的一半) 0 0 -(div宽度的一半)；如以下代码所示.ind_main{ width: 1000px; height: 774px; position: absolute; top: 50%; left: 50%; margin-top: -340px; ma
2020-08-17 17:32:13
1553
原创 Vue日期的问题
Vue日期的问题//当前时间const start = new Date()//当月有多少天var day = new Date(start.getFullYear(), start.getMonth(), 0).getDate()//设置为前一天start.setTime(start.getTime() - 3600 * 1000 * 24)
2020-08-17 17:21:56
154
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人