自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端小狮的博客

If there are one thousand steps between us, if you take one step, I will go the other nine hundred and ninety-nine steps.

  • 博客(169)
  • 资源 (1)
  • 收藏
  • 关注

原创 vue轮播,vue-awesome-swiper动态数据渲染,loop无效,轮循无效

今天用了一下vue-awesome-swiper,轮播数据是动态渲染的,遇到的坑是:配置 loop : true, 无效,不能轮循,查看代码是前后根本没有多插数据,于是百度一下,支的招不少,都不能奏效, 什么添加observer:true,observeParents:true,等都不能奏效,什么加载顺序,都没奏效; 如有遇到同样问题的朋友,可用我的这简单的方法,v-if判...

2018-07-17 17:05:39 13350 24

原创 gulp-imagemin引入报错“_gulp-imagemin@8.0.0@gulp-imagemin\index.js:1”

node_modules_gulp-imagemin@8.0.0@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 67

原创 微信小程序,[渲染层错误] 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 155 1

原创 微信小程序父元素绑定事件,点击子元素获取不到绑定的参数

微信小程序父元素绑定事件,点击子元素获取不到绑定的参数示例里用的大多数是e.target.dataset,但是包含子元素的,拿到的不是自身dom。打印出来的e,so,取参数最好还是拿 e.currentTarget.dataset 注:其它js框架应该也有类似问题,angular 拿 dom 也是$event.currentTarget...

2021-08-25 15:19:13 119

原创 js,jq,resize事件绑定和移除

窗口的resize事件绑定以后,需要移除(全部移除影响其它绑定事件),尤其现在常用的单路由页面,在页面销毁时,不移除容易多次绑定,且切换其它路由仍在执行。 //js的 function bindCalListResize (){ console.log(123); } window.addEventListener('resize',bindCalListResize );//绑定 window.removeEventListener("resize",b.

2021-08-11 10:50:45 147

转载 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 89 1

转载 Office Word2016打开某些文档的时候报错!

在安装了Office2016的时候,使用Word打开一些文档的时候,出现如下的报错:Word在尝试打开文件时遇到错误。请尝试下列方法:*检查文档或驱动器的文件权限。*确保有足够的内存和磁盘空间。*用文本恢复转换器打开文件。可以确认的是,这个文档没有被损坏。这里可能和信任中心的设置有关系。解决方法如下:1、点击“文件”→“选项”2、点击“信任中心”→“信任中心设置”3、选择“受保护的视图”可以看到如上的三个选项都是默认“√”选择的。这里需要将第一个“为来自Internet的文件启用受

2021-03-11 15:26:37 104

原创 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 686

原创 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 102

原创 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 1709 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 2114

转载 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 51

转载 CSS实现隐藏滚动条并可以滚动内容

隐藏滚动条的同时还需要支持滚动,我们经常在前端开发中遇到这种情况,最容易想到的是加一个iscroll插件,但其实现在CSS也可以实现这个功能,我已经在很多地方使用了,下面一起看看这三种方法。方法1:计算滚动条宽度并隐藏起来在本站的侧栏,你可以看到前端日报的那块内容并没有滚动条,但鼠标移上去却可以滚动内容。这是什么技术呢? 其实我只是把滚动条通过定位把它隐藏了起来。<div class="outer-container"> <div class="inner-container

2020-11-05 18:00:28 1113

转载 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 395

原创 webuploader删除当前队列,获取当前上传队列

removeFile( file )删除队列如果第二个参数为 true 则会从 queue 中移除。removeFile( file ) ⇒ undefinedremoveFile( id ) ⇒ undefinedremoveFile( file, true ) ⇒ undefinedremoveFile( id, true ) ⇒ undefined//第二个参数为 true,文件会从队列删除getFiles()返回指定状态的文件集合,不传参数将返回所有状态的文件。(后来才发现 文件

2020-09-25 16:32:16 874 1

原创 jq用width()设置宽度和实际想要的不一致

jq用.width()设置宽度和实际想要的不一致用 .css(‘width’,‘240px’)可以;

2020-09-18 18:15:54 505

转载 最近发现谷歌浏览器打开网页速度很慢,比IE都慢

最近发现谷歌浏览器打开网页速度很慢,比IE都慢,发现个有用的办法2020年7月9日,此次是由于Chrome的安全DNS不能用了,关闭即可。浏览器右上角选项 -> 设置 -> 隐私设置和安全性 -> 安全 -> 使用安全DNS(关闭它)...

2020-09-15 17:21:28 2026

原创 echarts监听折线柱图切换的方法

监控图例切换的方法,折线图和柱状图切换,想要监控切换时,改变些许参数。 var option = { ..., toolbox: { show: true, feature: { magicType: {type: ['bar']}, }, }, } var myChar.

2020-09-10 16:44:41 346

原创 发现一个跨平台图表插件uCharts

准备用uni-app做多端应用,发现个跨多端的图表插件,看着挺好,试试uCharts官方网站

2020-09-04 20:01:49 228

原创 点击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 274

转载 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 46

原创 position: sticky;粘性定位

想整个滚动条插件,但是里面的元素如果用absolute定位的话,会跟随滚动条滚动,fixed也不好用,偶然查到position: sticky;,确实可以解决这个问题(但兼容很差),先谷歌用着吧position: sticky; 基于用户的滚动位置来定位。粘性定位的元素是依赖于用户的滚动,在 position:relative 与 position:fixed 定位之间切换。它的行为就像 position:relative; 而当页面滚动超出目标区域时,它的表现就像 position:fixed;.

2020-08-28 16:41:24 326

原创 微信小程序反编译整理,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 2466 9

原创 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 3718

原创 primordials is not defined,最好降级node版本

primordials is not defined,gulp 版本太低,node 版本低。如果没做好心理准备,最好还是别升级到gulp4.0;如果没什么其它node需求,最好先卸载了node,重新去node历史版本下载个node历史版本下载

2020-08-11 19:05:17 158

原创 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 128

原创 tinymce富文本编辑器链接地址

用过了wangEditor,summernote,搜到tinymce这个中文链接,抽时间想试试 tinymce 这个富文本编辑器,存个记录.

2020-07-10 16:16:36 446

原创 $state.reload带参数

$state.reload刷新当前路由可以带参数var myParam = {value:1,id:2};$state.reload("app.myIndex",{param:}); //关键时候用的到

2020-06-19 15:53:23 433

原创 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 403

转载 解决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 172

原创 ie下,input设置readonly光标存在

//加unselectable="on"<input type="text" readonly unselectable="on" >

2020-02-14 16:07:10 330

转载 angularjs指令之间的数据交互

指令可以通过独立作用域接收数据, 使用=,如app.directive('myDirective', function() { return { restrict: 'E', transclude: true, scope: { option: '=option' //key相同时也可以使用option: '=' }, template:...

2020-01-13 09:46:48 111

转载 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 3997

转载 layui数据表格复选框回显

LAY_CHECKED Boolean 是否全选状态(默认:false)。必须复选框列开启后才有效,如果设置 true,则表示复选框默认全部选中。 true 上面这段话描述的不清楚,他的意思是当我们想默认全选的时候就在列上添加这个属性.其实这个属性是可以在每一行数据上面单独添加的. 我们在加载表格数据的时候在需要回显的那一行数据上添加 LAY_CHECKED=true,就...

2020-01-08 17:25:35 3137

原创 js对象赋值

//js对象赋值,若修改会影响原对象;var newObj = JSON.parse(JSON.stringify(oldObj));

2019-12-27 11:02:03 870

原创 兼容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 318

原创 存个记录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 183

转载 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 758

原创 jQuery滑动图片角度插件(仿百度登录),canvas简易实现

jqRotateVerify使用 var myRotateVerify = new RotateVerify('#rotateWrap',{ initText:'滑动将图片转正',//默认 slideImage:['image/1.jpg','image/2.jpg','image/4.jpg'],//arr [imgsrc1,imgsrc2] 或者str 'img...

2019-11-01 17:34:32 565

转载 ES6 数组some()和every()使用

some 英语翻译为一些,every翻译为所有,每个,所以some方法 只要其中一个为true 就会返回true的,相反,every()方法必须所有都返回true才会返回true,哪怕有一个false,就会返回false;every()和 some()目的:确定数组的所有成员是否满足指定的测试every:一假即假:some:一真即真/** * 计算对象数组中每个电脑的扣件系统是否可用,大...

2019-10-17 17:12:20 454

jqRotateVerify20191101.zip

jQuery滑动图片角度验证插件,仿baidu登录的验证。用canvas画图,rotate转动角度,达到吻合完成验证,前台简易验证插件

2019-11-01

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除