- 博客(171)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 vue轮播，vue-awesome-swiper动态数据渲染，loop无效，轮循无效
今天用了一下vue-awesome-swiper，轮播数据是动态渲染的，遇到的坑是：配置 loop : true, 无效，不能轮循，查看代码是前后根本没有多插数据，于是百度一下，支的招不少，都不能奏效， 什么添加observer:true,observeParents:true,等都不能奏效，什么加载顺序，都没奏效； 如有遇到同样问题的朋友，可用我的这简单的方法，v-if判...
2018-07-17 17:05:39
14790
25
转载 微信小程序中换行空格（多个空格）
一、空格，换行 小程序中的写法为：<text> 你好！\t七月流火啊！\n我在下一行 </text>\t 空格（ 多个只会显示一个空格）\n 换行二、连续空格<view> <text space="ensp">你好 啊 哈哈哈（空格是中文字符一半大小）</text></view><view> <text space="emsp">你好 啊 哈哈哈（空格是中文字符大小）</
2022-02-10 17:05:30
14421
1
原创 js的2022年节假日数据包括法定节假日
无免接口，手录，普通节假日 value为1 ，百度搜索日历上 带休的 value为2，json格式{ "202201": { "15": "1", "16": "1", "22": "1", "23": "1", "31": "2", "01": "2", "02": "2", "03": "2", "08": "1", "09": "1" }, "202202": { "12": "1", ".
2021-12-13 09:05:38
2556
3
原创 gulp-imagemin引入报错“[email protected]@gulp-imagemin\index.js:1”
[email protected]@gulp-imagemin\index.js:1(function (exports, require, module, __filename, __dirname) { import {createRequire} from ‘node:module’;https://www.npmjs.com/package/gulp-imagemin，查看gulp-imagemin历史版本号gulp-imagemin 引入报错，uninstal
2021-10-26 14:17:28
981
原创 微信小程序，[渲染层错误] RangeError: Maximum call stack size exceeded
微信小程序rich-text组件渲染html时会有报错RangeError: Maximum call stack size exceeded网上查询说可能html包含不识别的代码，打印出来替换了些没用的即可；so替换一下 var res = str.replace(/style="[^"]+"/gi, "") .replace(/style='[^']+'/gi, "") //小程序展示要自己统一的样式，替换了行内样式 .replace(/<style[^>]*>(.
2021-08-26 17:03:51
971
1
原创 微信小程序父元素绑定事件，点击子元素获取不到绑定的参数
微信小程序父元素绑定事件，点击子元素获取不到绑定的参数示例里用的大多数是e.target.dataset,但是包含子元素的，拿到的不是自身dom。打印出来的e,so，取参数最好还是拿 e.currentTarget.dataset 注：其它js框架应该也有类似问题，angular 拿 dom 也是$event.currentTarget...
2021-08-25 15:19:13
1105
原创 js,jq,resize事件绑定和移除
窗口的resize事件绑定以后，需要移除(全部移除影响其它绑定事件)，尤其现在常用的单路由页面，在页面销毁时，不移除容易多次绑定，且切换其它路由仍在执行。 //js的 function bindCalListResize (){ console.log(123); } window.addEventListener('resize',bindCalListResize );//绑定 window.removeEventListener("resize",b.
2021-08-11 10:50:45
1840
转载 pdf.worker.js:33942 Refused to get unsafe header “Accept-Ranges“
PDF.js预览文件实现在线预览pdf文件 按照这篇文章方法预览出现了这个错误 最后看了这篇文章。https://blog.csdn.net/iuoon/article/details/53691984 然后把报错的这句改成了 if (fullRequestXhr.getAllResponseHeaders('Accept-Ranges') !== 'bytes') { 错误就解决了。 ...
2021-07-23 22:27:36
1459
1
转载 Office Word2016打开某些文档的时候报错！
在安装了Office2016的时候，使用Word打开一些文档的时候，出现如下的报错：Word在尝试打开文件时遇到错误。请尝试下列方法：*检查文档或驱动器的文件权限。*确保有足够的内存和磁盘空间。*用文本恢复转换器打开文件。可以确认的是，这个文档没有被损坏。这里可能和信任中心的设置有关系。解决方法如下：1、点击“文件”→“选项”2、点击“信任中心”→“信任中心设置”3、选择“受保护的视图”可以看到如上的三个选项都是默认“√”选择的。这里需要将第一个“为来自Internet的文件启用受
2021-03-11 15:26:37
474
原创 echarts图片上加上自定义文字或其它下载
想要下载echarts的图片，并且想在图片上加上一条条件之类的文字。1.在echarts的自定义一个方法，下载前设置 graphic 属性，下载后再去掉属性（应该可以行通）；2.获取到你的echarts的canvas 元素 在上面画上需要的 文字或图片之类，在执行下载（貌似文字会闪那么一下），凑合能用；3.我弄的繁琐一点，借助一个隐藏的canvas 元素重画：html//echarts的容器<div width="100%" height="100%" id="myChart">.
2021-01-22 17:14:36
1918
原创 ie下keyframes动画不支持background-image的变化
如题，ie下keyframes动画不支持background-image改变的动画，用background-position会有感觉衔接不顺的问题就先用opacity 和 position来实现(如要兼容低版本ie,就加上filter:alpha写法)。<div class="wt-posrel wt-inlineblock ht-t26"> <button type="button" class="waver-red-white"> 1 &l.
2020-12-25 17:36:14
318
原创 js的2021年节假日数据包括法定节假日
之前免费的返回节假日的接口收费了，手工写一下用吧，需要的来copy按之前的接口格式返回的格式继续来的普通节假日 value为1 ，百度搜索日历上 带休的 value为2，json格式{ "202101": { "01": "2", "02": "2", "03": "2", "09": "1", "10": "1", "16": "1", "17": "1", "23": "1", "24": "1", "30": "1", "31": "1" }.
2020-12-07 17:16:43
2652
5
原创 uni-app的组件uni-drawer简单使用方法
uni-app的组件uni-drawer文档上很简单模糊，so简单写写用法<template> <view> <unidrawer ref="draw" :mask="mask" :width="drawWid" :mode='mode'> <view style="padding:30rpx;"> <view class="uni-title">抽屉式导航</view> </vi.
2020-11-27 17:13:59
6075
1
转载 angular中自定义过滤器显示html代码
我们会用到$sce服务的trustAsHtml方法来实现转换。因为这个功能具有一定通用性，我们可以通过angularJS的过滤器来简化开发，这样只写一次，调用的时候就非常方便了，看代码：修改base.js// 定义模块:var app = angular.module(“pinyougou”,[]);/$sce服务写成过滤器/app.filter(‘trustHtml’,['sce′,function(sce',function(sce′,function(sce){return functi
2020-11-25 17:17:01
214
转载 CSS实现隐藏滚动条并可以滚动内容
隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在CSS也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。方法1：计算滚动条宽度并隐藏起来在本站的侧栏，你可以看到前端日报的那块内容并没有滚动条，但鼠标移上去却可以滚动内容。这是什么技术呢？ 其实我只是把滚动条通过定位把它隐藏了起来。<div class="outer-container"> <div class="inner-container
2020-11-05 18:00:28
3784
转载 gulp[13124]: c:\ws\src\node_contextify.cc:626: Assertion `args[1]-＞IsString()‘ failed
在执行gulp sass时报下面错误，又或者执行ionic serve时报这个错，选择低一点版本的node,建议8v;
2020-10-14 17:32:54
886
原创 webuploader删除当前队列，获取当前上传队列
removeFile( file )删除队列如果第二个参数为 true 则会从 queue 中移除。removeFile( file ) ⇒ undefinedremoveFile( id ) ⇒ undefinedremoveFile( file, true ) ⇒ undefinedremoveFile( id, true ) ⇒ undefined//第二个参数为 true，文件会从队列删除getFiles()返回指定状态的文件集合，不传参数将返回所有状态的文件。（后来才发现 文件
2020-09-25 16:32:16
1846
1
原创 jq用width()设置宽度和实际想要的不一致
jq用.width()设置宽度和实际想要的不一致用 .css(‘width’,‘240px’)可以；
2020-09-18 18:15:54
982
转载 最近发现谷歌浏览器打开网页速度很慢，比IE都慢
最近发现谷歌浏览器打开网页速度很慢，比IE都慢，发现个有用的办法2020年7月9日，此次是由于Chrome的安全DNS不能用了，关闭即可。浏览器右上角选项 -> 设置 -> 隐私设置和安全性 -> 安全 -> 使用安全DNS(关闭它)...
2020-09-15 17:21:28
3984
2
原创 echarts监听折线柱图切换的方法
监控图例切换的方法，折线图和柱状图切换，想要监控切换时，改变些许参数。 var option = { ..., toolbox: { show: true, feature: { magicType: {type: ['bar']}, }, }, } var myChar.
2020-09-10 16:44:41
976
原创 点击input,checkbox,先判断再赋值是选中否
点击input checkbox,复选框先判断再决定选中否,可以用event.preventDefault(); 阻止默认事件，再手动赋值；angular 阻止checkbox默认事件，<label> <input type="checkbox" ng-click="changeState($event)" ng-checked="checkState"> </label>//js$scope.check.
2020-09-01 15:33:32
631
转载 IE和谷歌的滚动条可自定义样式的属性
//IE专属的滚动条样式定义，只能设置各种原始结构的颜色，宽高结构等其他样式无法修改；div{ scrollbar-arrow-color: red; /*三角箭头的颜色*/ scrollbar-face-color: green; /* 立体滚动条的颜色（包括箭头部分的背景色） */ scrollbar-3dlight-color: blue; /* 立体滚动条亮边的颜色 */ scrollbar-highlight-color: #ddd; /* 滚动条的高亮颜色（左阴影？
2020-08-28 17:00:59
123
原创 position: sticky；粘性定位
想整个滚动条插件，但是里面的元素如果用absolute定位的话，会跟随滚动条滚动，fixed也不好用，偶然查到position: sticky；，确实可以解决这个问题（但兼容很差），先谷歌用着吧position: sticky; 基于用户的滚动位置来定位。粘性定位的元素是依赖于用户的滚动，在 position:relative 与 position:fixed 定位之间切换。它的行为就像 position:relative; 而当页面滚动超出目标区域时，它的表现就像 position:fixed;.
2020-08-28 16:41:24
626
原创 微信小程序反编译整理，wxss不成功
微信小程序反编译搞了一下午，终于搞成，简单做个整理。 网上大部分资料可参考。1.安装好node (大部分人应该早装了)。2.网上大部分推荐的 夜神模拟器 。3.可以电脑上 下载个 RE资源管理器安装包 ，微信app安装包（拖到夜神里面 可以直接安装）。4.wxappUnpacker的包，最开始的大神的地址https://github.com/qwerty472123/wxappUnpacker，没有代码了，找这个大神地址下载 ，https://github.com/museL/wxappUnp.
2020-08-17 16:19:01
3990
13
原创 echarts下载图片,getDataURL获取base64地址
有时候特殊的需求，需要自定义下载echarts的图片，没有直接调用保存图片saveAsImage的方法，但有个获取base64 的方法，getDataURL();可配参数。var myChart = echarts.init();var option = { ...........}myChart.setOption(option);var opts = { type: string, // 导出的格式，可选 png, jpeg pixelRatio: number,// 导出的图片.
2020-08-13 17:22:59
11906
2
原创 primordials is not defined,最好降级node版本
primordials is not defined，gulp 版本太低，node 版本低。如果没做好心理准备，最好还是别升级到gulp4.0；如果没什么其它node需求，最好先卸载了node，重新去node历史版本下载个node历史版本下载
2020-08-11 19:05:17
297
原创 ng-class使用自定义方法
ng-class，因为判断的条件，维度多，难以用常见的几种用法实现，可以定义一个方法实现ng-class=“setMyClass(t)” ,js里面判断完 返回样式就可以；<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="http://cdn.sta
2020-08-05 16:12:29
259
原创 tinymce富文本编辑器链接地址
用过了wangEditor,summernote,搜到tinymce这个中文链接，抽时间想试试 tinymce 这个富文本编辑器，存个记录.
2020-07-10 16:16:36
736
原创 $state.reload带参数
$state.reload刷新当前路由可以带参数var myParam = {value:1,id:2};$state.reload("app.myIndex",{param:}); //关键时候用的到
2020-06-19 15:53:23
744
原创 angular子路由，父路由公共变量赋值，调用
场景：父路由 app.parent子路由 app.parent.childA 、app.parent.childB在父路由 定义一个变量 $scope.myValue = 1 ;子路由里面都需要用到 $scope.myValue ，并且需要 修改，但是页面并没有改变，没有起到作用。解决(父路由定义个对象，需要用到的变量放到对象可解决)； //app.parent $scope.parentObj = { myValue:1 } //app.parent.childA $s.
2020-05-19 16:32:45
612
转载 解决IE浏览器ajax get请求只执行一次的问题
问题描述1、 使用 ajax get方法请求数据时，直接修改了数据库数据，发现取出的数据没变化，经常反复测试确认发现，该问题只在 IE 浏览器下会发生。 ---- 没错，又是 IE。 1、原来是 get 请求在IE浏览器中会被缓存，从第二次请求开始，一直都是请求缓存。 2、参考资料： GET 对比 POST问题原因1、变更请求方式为post，即： type=‘post’2、禁用aja...
2020-04-23 10:31:12
292
原创 ie下，input设置readonly光标存在
//加unselectable="on"<input type="text" readonly unselectable="on" >
2020-02-14 16:07:10
536
转载 angularjs指令之间的数据交互
指令可以通过独立作用域接收数据， 使用=，如app.directive('myDirective', function() { return { restrict: 'E', transclude: true, scope: { option: '=option' //key相同时也可以使用option: '=' }, template:...
2020-01-13 09:46:48
185
转载 layui表格监听checkbox是否选中并获取选中行的数据
table.on('checkbox(table-id)', function(obj){ console.log(obj.checked); //当前是否选中状态 console.log(obj.data); //选中行的相关数据 console.log(obj.type); //如果触发的是全选，则为：all，如果触发的是单选，则为：one console.log(ta...
2020-01-08 17:33:05
5095
转载 layui数据表格复选框回显
LAY_CHECKED Boolean 是否全选状态（默认：false）。必须复选框列开启后才有效，如果设置 true，则表示复选框默认全部选中。 true 上面这段话描述的不清楚,他的意思是当我们想默认全选的时候就在列上添加这个属性.其实这个属性是可以在每一行数据上面单独添加的. 我们在加载表格数据的时候在需要回显的那一行数据上添加 LAY_CHECKED=true,就...
2020-01-08 17:25:35
3644
原创 js对象赋值
//js对象赋值，若修改会影响原对象；var newObj = JSON.parse(JSON.stringify(oldObj));
2019-12-27 11:02:03
1277
原创 兼容ie10及以上，谷歌等的等高flex自适应写法
单纯的只有一层的话很简单好写，display:table也可以，以下为 li （只是个例子标签，不重要）下面多个几层还能实现其它自适应，小细节忽略*{ padding: 0; margin: 0; box-sizing: border-box; } .wt50{ width:50%; } .wd135{ width:135px;...
2019-12-18 17:35:14
446
原创 存个记录css兼容，谷歌、ie11、ie10
//存个记录（）//谷歌@media screen and (-webkit-min-device-pixel-ratio:0){ }/* ie11 */@media all and (-ms-high-contrast:none){}/* ie10 */@media screen and (-ms-high-contrast: active), (-ms-high-co...
2019-12-03 11:08:15
281
转载 SVG学习之stroke-dasharray 和 stroke-dashoffset 详解
本文适合对SVG已经有所了解，但是对stoke-dasharray和stroke-dashoffset用法有疑问的童鞋 第一：概念解释1. stroke意思是：画短线于，在...上划线2. stroke-dasharray:用于创建虚线，之所以后面跟的是array的，是因为值其实是数组。请看下面解释stroke-dasharray = '10'stroke-dashar...
2019-11-12 10:27:24
4280
jqRotateVerify20191101.zip
2019-11-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人