caikys-优快云博客

原创 vant框架使用Popup 弹出层时,固定定位和绝对定位在苹果真机层级会高于Popup弹窗问题

vant框架使用Popup 弹出层时,固定定位和绝对定位在苹果真机层级会高于Popup弹窗问题

2022-07-22 11:21:48 3732 1

原创 js表达式判断为空,0==““问题

一般判断输入框是否为空用num==="",而不是num=="",因为0==""为true的,

2021-09-15 10:53:14 334

原创 echart半圆,特殊半圆

一、半圆,如图: htlm <div class="charts-content"> <echart :option="deviceChart" id="chartsbar"></echart> <div class="center"> <div>150</div> <div>20</div> </div> .

2021-09-13 14:03:10 981

原创 echart 柱形图x轴数据过多,dataZoom控制区域缩放

dataZoom: [ start: 0, end: 10,//百分比 //startValue: 0, // 从头开始。 //endValue: 4, // 一次性展示5个。 ]

2021-07-13 11:45:46 1096

原创 ECharts自定义富文本

图例(legend),悬浮框(tooltip),y轴,x轴等等均可适用,一一对应就好了 label: { normal: { // 在文本中，可以对部分文本采用 rich 中定义样式。 // 这里需要在文本中使用标记符号： // `{styleName|text content text content}` 标记样式名。 // 注意，换行仍是使用 '\n'。 formatter: [ '{a.

2021-07-13 11:18:51 854 1

原创 echarts中y轴数值取整数的方法

yAxis中设置minInterval: 1 yAxis: { minInterval: 1, }

2021-07-13 11:11:46 3651 2

原创 2020-10-13

input的type为number时，maxlength失效的解决办法（循环数据也可用）： <el-input placeholder="最低分" oninput="if(value.length>4)value=value.slice(0,4)" type="number" v-model="item.minScore" class="input-half"></el-input> ...

2020-10-13 14:45:10 143

原创 vue微信分享中相关问题（安卓分享成功，IOS分享失效）

问题一：图片路径正确的情况下，缩略图不显示。解决：将图片尺寸改为200*200。问题二：安卓分享成功，IOS分享失效，IOS分享始终分享的是首页。解决： IOS：每次切换路由，url是不会变的，发起签名请求的url参数必须是当前页面的url就是最初进入页面时的url。 Android：每次切换路由，url是会变的，发起签名请求的url参数必须是当前页面的url(不是最初进入页面时的...

2019-09-20 11:32:46 2689

原创 vue 通过ref 给dom设置样式

vue 通过ref 给dom设置样式： this.$refs.textareaRef.style.height = "auto";

2019-08-22 18:03:18 24291 2

原创 fullpage

$('#dowebok').fullpage({ afterLoad:function(anchorLink, index){ if(index==1){ //执行第一页数据加载 }else if(index==2){ //执行第...

2019-08-22 11:01:54 204

原创 js获取对象所有属性的长度

var obj = { id1:1, id2:2, id3:3 }; // 带有不可枚举属性 console.log(Object.getOwnPropertyNames(obj).length) // 获取可枚举属性的长度 console.log(Object.keys(obj).length) ...

2019-08-08 09:57:04 1081

原创判断开始时间不能大于结束时间

function compareDate(s1,s2){ return ((new Date(s1.replace(/-/g,"\/")))>=(new Date(s2.replace(/-/g,"\/")))); } //时间可拼接，例如var startTime="2019-04-03"+00:00:00"; var startTime="2019-04-03 00:00:00"; ...

2019-04-03 16:07:23 4472

原创 input单选复选的相关操作

jq取消单选框input的选择： $("input[type='radio']").prop("checked",false);

2019-04-03 11:35:31 237

原创两个数组对应去重并切割

2019-03-26 14:33:21 290

原创数字三位逗号分隔

function ThreeBits(value){ var value = String(value); var left=value.split('.')[0], right=value.split('.')[1]; right = right ? (right.length>=2 ? '.'+right.substr(0,2) : '.'+right+'0') : '...

2019-03-26 14:14:40 1301

原创 html清除浮动的方法

css样式代码： #div1{background: medium purple;} #left{width: 200px;height: 100px;background: sky-blue;} #right{width: 250px;height: 150px;background: pink;} html代码： <div id="div1"> <div i...

2018-08-24 16:11:09 389

原创 react 嵌套组件

比如要在ToDoApp.js组件中嵌套List组件： 1.编辑好组件List后，List底部加上export default List 导出组件 2.在ToDoApp.js头部导入List：import List from './List';//路径注意组件名及组件路径 3.在ToDoApp.js 中render方法里面嵌入：<List />，即...

2018-08-24 09:49:11 823

原创快速开始react项目

1、运行环境要在node下。 2、全局安装create-react-app npm install -g create-react-app 3、create-react-app myapp /* 使用命令创建应用，myapp为项目名称 */ 4、npm start /*启动项目*/ 5、会看到浏览器打开：http://localhost:3000/ ...

2018-08-23 16:22:58 528

git团队协作流程 git支持很多种工作流程，我们采用的一般是这样，远程创建一个主分支，本地每人创建功能分支，日常工作流程如下：去自己的工作分支 $ git checkout work 工作 .... 提交工作分支的修改 $ git commit -a 回到主分支 $ git checkout master 获取远程最新的修改，此时不会产生冲突 $ git pull 回到工作分支 $ git c...

2018-07-24 10:18:17 1060

原创 amaze ui记录

在使用amaze ui的时候，刚刚开始没注意引入顺序css，js的顺序问题，就会报错，如图：解决办法：注意css，js文件引入的先后顺序，应该先引入jquery的js文件再引入amaze ui的css和js文件。...

2018-06-22 09:51:00 591

原创学习webpack的一些坑

最近在学习webpack，我具体参考的教程是：https://segmentfault.com/a/1190000006178770和https://blog.youkuaiyun.com/u012631731/article/details/73716951/，觉得写得很好，大家可以去看一下；我做一下学习笔记： 1.首先安装好npm，然后在项目目录下执行npm init,初始化一个项目包。大家就会看到项目...

2018-06-21 16:28:05 876

原创切割保留域名参数后的数值

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body&amp

2018-04-16 14:52:40 254

原创到底加载更多，加载下一页

var pageNum_hots = 1;//初始化页数 var totalPages_hots = ""; var loading = false;//加载状态 hots();//加载首页 // 底部分页加载 $(window).on('scroll', function () { var scrollTop = $(window).scrollTop(); i...

2018-04-11 16:07:19 9749

原创 window对象下的属性说明

var href = window.location.href;//完整的url var protocol = window.location.protocol;//协议 var hostname = window.location.hostname;//主机名 var host = window.location.host;//主机名+端口号 var port = windo...

2018-02-24 10:10:07 640

原创 data属性

jq中获取data-*属性的方法： html: <div data-flag="false"></div> scricpt: $("div").data("flag");//获取 $("div").attr("data-flag","true");//修改 ...

2018-01-30 11:59:26 2503

原创动态获取数据点击事件不生效的解决办法

html: <div class="list-click">点击我</div> css: .list-click { cursor: pointer;//IOS失效时给点击的元素添加这个属性 } script: $(document).on('click',".list-click",function(e){ ...

2018-01-30 11:22:24 4898

原创使用jquery.lazyload.js图片预加载（懒加载）遇到的问题，图片加载不出来

1、在使用jquery.lazyload.js时，如果是数据直接在DOM节点直接渲染，并且图片排列规则，使用方法：给img标签添加的属性有： <img class="lazy" src="__TEMP__/{$style}/public/images/load_banner.jpg" data-original="{:__IMG($v.adv_image)}" alt=""&g...

2018-01-30 11:00:13 12709 1

转载 jQuery页面初始化事件

jQuery 页面加载初始化的方法有3种，页面在加载的时候都会执行脚本。第一种： $(document).ready(function(){ alert("第一种方法。"); }); 第二种： $(function(){ alert("第二种方法。最简单常用的方法"); }); 第三中： jQuery(functio...

2018-01-25 16:52:08 4707

原创 jQuery的ajax async同步和异步的理解

异步（默认值：true）类型：布尔值默认情况下，所有请求都是异步发送的（即true默认设置）。如果您需要同步请求，请将此选项设置为false。跨域请求和dataType: "jsonp"请求不支持同步操作。请注意，同步请求可能会暂时锁定浏览器，并在请求处于活动状态时禁用任何操作。 async：true(默认); async:false; 以上两种情况会有不同的执行顺序

2017-12-25 15:53:46 530

原创商品详情页面实现点击收藏，取消收藏

html代码：  {if condition="$is_member_fav_goods == 0"} <a href="javascript:;" class="new-btn buy-cart fav" onclick="collectionGoods({$goods_detail.goods_id},'goods','{$good...

2017-12-25 15:25:56 19578

翻译选项卡回退历史刷新回到上次点击的选项卡

之前写电商网页的时候，很多个页面的需求是有多个选项卡，点击不同选项卡进行切换，点击当前选项卡的某个链接跳转之后，按回退历史键，如果不进行任何处理，页面会默认回到第一个选项卡，这样客户体验感，之后找到了解决方法，分享出来希望对大家有帮助：在页面tab切换的时候的，通过history.replaceState将当前的页面状态保持-将修改页面的URL的，但是不会重新加载页面；当页面返回重新显示的时候...

2017-12-01 14:03:59 2655

原创 get和post

一、get和post的区别: 1. get是从服务器上获取数据，post是向服务器传送数据。 2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。 3. 对于get...

2017-03-16 09:19:31 379

caikys的博客