web相关
js,html,css
Just丶九月
真相只有一个。。。
水平有限,所写blog的目的就是方便自己回头查看,当然能够帮助到同我一样的小白,也是件很开心的事情
展开
-
css 内容过长火狐浏览器不兼容问题
文本width固定.ellipsis {overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}火狐: display: block;最终:.ellipsis {overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;}原创 2021-08-11 16:41:43 · 243 阅读 · 0 评论 -
uni-app 手机端定位问题
uni-app定位链接主要遇到的问题,app上android无法获取定位信息,ios可以,模拟器上都可以获取定位,H5浏览器中获取定位同样失败做法:uni.getLocation({ type: 'wgs84', geocode: true, success: function (res) { console.log('当前位置的经度:' + res.longitude); console.log('当前位置的纬度:' + res.latitud原创 2021-07-31 11:48:59 · 7582 阅读 · 0 评论 -
uni-app 前端微信h5支付记录,跳转页面Referer问题
微信H5支付开发文档1.wx支付流程图对于前端来说只需要关心1.请求下单;3.得到Url后跳转;7.查询支付结果;10.展示支付结果1,3一个是请求接口,一个是处理response,主要问题得到url后,跳转页面的问题做法1:// #ifdef APP-PLUSplus.runtime.openURL(url);// #endif// #ifdef H5window.open(url);// #endif结果1:根据提示需要在webview中手动设置header,添加refer原创 2021-07-31 10:48:35 · 4904 阅读 · 6 评论 -
for循环赋值,数组全部变成最后一条
const testArr = [ { aa: '1', bb: '11', cc: '111' }, { aa: '2', bb: '22', cc: '333’ } ] const arr = [] const test = { dd: '444', fff: '555', ggg: '0' } testArr.forEach(item => { test.ggg = item.cc arr.push(test) }) console.log('arr', ar原创 2021-01-28 16:06:36 · 2371 阅读 · 0 评论 -
JS:Array对象常用实例方法总结
ECMAScirpt5 中 Array 类中的 filter 方法使用目的是移除所有的 ”false“ 类型元素 (false, null, undefined, 0, NaN or an empty string): var a=[1,2,"b",0,{},"",NaN,3,undefined,null,5];var...转载 2021-01-20 10:44:13 · 137 阅读 · 0 评论 -
element-ui 中el-input以及el-date-picker的placeholder颜色修改
客户觉得默认placeholder看不清,因此修改颜色,特此记录一下原效果图最终效果图<style lang="scss">.form-items { .el-input__inner, .el-date-editor .el-range-input { color: #409eff; &::placeholder { color: #606266; } &::-webkit-input-placeholder {原创 2021-01-19 11:24:36 · 3049 阅读 · 1 评论 -
js中的四种for循环
转载:原文地址 总结一下JavaScript 中的 for 循环写在前面最近刷题时遇到了几种不同for循环,因为没有深入了解导致做题时无法区分它们的用法,尤其是在以及在使用时的注意点。因此本文主要对js中的四种for循环进行总结区分。文章最后通过一个面试题加深对不同for循环的认识和使用。遍历数组是非常常见的,在这里强调一点:Array 在 Javascript 中是一个对象, Array 的索引是属性名。此处输出的索引值,即 “0″、 “1″、 “2″不是 Number 类型的,而是转载 2020-11-13 18:58:42 · 292 阅读 · 0 评论 -
uni-app升级方案
升级的js工具类import { getLatestVersion, updateInstalledCount } from '@/common/api/common/dictionary';import environment from '../environment/main';import store from '@/store';export default { platform: 'Android', platformCode: 2, versionCode: '', v原创 2020-09-21 15:23:08 · 287 阅读 · 0 评论 -
js中 if(a) 小实验
转载:https://blog.csdn.net/baidu_37379451/article/details/82380836let a = undefined; let b = null; let c = ''; let d = 0; let e = {}; let f = []; if (a) { console.log("undefined 能过"); } else { console.log("undefined 不转载 2020-06-17 09:27:47 · 316 阅读 · 0 评论 -
var、let、const的区别
一、var声明的变量会挂载在window上,而let和const声明的变量不会:var a = 100;console.log(a,window.a); // 100 100let b = 10;console.log(b,window.b); // 10 undefinedconst c = 1;console.log(c,window.c); // 1 undefined二、var声明变量存在变量提升,let和const不存在变量提升console.log(a);转载 2020-05-14 09:15:23 · 164 阅读 · 0 评论 -
React、Redux的基本使用
一、相关知识点1.React是什么?React 是一个用于构建用户界面的 JAVASCRIPT 库。2.React 特点1.声明式设计 −React采用声明范式,可以轻松描述应用。2.高效 −React通过对DOM的模拟,最大限度地减少与DOM的交互。3.灵活 −React可以与已知的库或框架很好地配合。4.JSX − JSX 是 JavaScript 语法的扩展。React...原创 2020-04-23 11:29:13 · 269 阅读 · 0 评论 -
js中 a[b] 的在具体案例中的使用
在JS对象中,a.b与a[b]并没有什么区别,都是获得该对象的某个属性,不同之处在于a[b]中的b必须是个字符串;注:但在数组里,那就不能写成arr.a了,只能是arr[a]。扩展: A[i] 是数组 的第 i 个 ;A[i].key 是数组 的第 i 个 的 key 属性。var person= { name: '张三',}console.log(person.name) --...原创 2020-04-14 10:56:47 · 1075 阅读 · 0 评论 -
点击事件冲突解决
点击事件冲突clickItem(e,index,item) { if(e.target.tagName.toLowerCase() === 'a'){ this.readHistory(index,item) }else{ this.list[index].checked = !this.list[index].checked ...原创 2019-10-28 16:01:36 · 663 阅读 · 0 评论 -
cube-ui createAPI使用
cube-ui createAPI文档createAPI 函数,可以实现以 API 的形式调用自定义组件。并且既可以在 Vue 实例上下文中调用,也可以在普通 js 文件中调用。需求:header头部点击后出现店家的详情,在body中展示详情页1.首先需要有detail.vue以及header.vue,略2.编写js,使用createAPI(),将组件以API的形式注册3.在mai...原创 2019-11-07 12:23:20 · 1604 阅读 · 3 评论 -
js 记录下仿携程城市选择
城市选择组件描述:由于之前需要写一个订票的页面,于是乎在网上搜索了些控件自己对比了下,仿着其中一个组件写了一个,属于重复造轮子,但是目的主要是记录自己的成长,以及方便日后查找有图有真相,先上图看下效果大概就是上图这个样子,点击input框后,弹出城市选择组件,点击其中一个具体的城市或者空表区域隐藏组件(有个小bug,点击空白区域可能不太灵敏)直接上代码<template>...原创 2019-04-29 10:30:54 · 991 阅读 · 0 评论 -
Json String互相转换以及拼接到URL以及从URL取值
一、Json 转字符串var userInfo = { id: "xxxx" loginname: "admin12" orgId: "xxxxx" orgName: "xxxxx" post: null realname: "王一" roleids: "111,110,1547718262668,1548641824182" roles: "[{"creDate":153213...原创 2019-04-24 11:41:24 · 4353 阅读 · 0 评论 -
判断list中的对象的某个字段是否是连续的
var hint = ‘’params.scheduleList = _.sortBy(params.scheduleList, ‘routeNo’);var b = [];var lastRoutNo = params.scheduleListAll.length var hasLastNo = false; params.scheduleList.forEach(n ...原创 2018-12-11 10:22:40 · 1123 阅读 · 0 评论 -
Jquery笔记
jQuery语法:是通过选取HTML元素,并对选取的元素执行某些操作。$(selector).action()eg: $(this).hide(); $("p").show();文档就绪事件:所有的jQuery函数都位于一个document ready函数中(初始化操作):$(document).ready(function(){ //开始jQuery...});等价于:$(function(){...原创 2018-05-24 17:05:26 · 179 阅读 · 0 评论 -
js 数组Array(list)添加、删除
转载:https://blog.csdn.net/li_shaonian/article/details/78069020 unshift:将参数添加到原数组开头,并返回数组的长度 pop:删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined push:将参数添加到原数组末尾,并返...转载 2018-09-26 09:50:20 · 60807 阅读 · 2 评论 -
sticky-footer使用
sticky-footer的几种实现方式<template> <div class="header-detail" v-if="showDetail"> <div class="detail-wrapper clearfix"> <div class="detail-main"> ...原创 2019-11-29 10:11:52 · 145 阅读 · 0 评论