- 博客(37)
- 收藏
- 关注
RSS订阅原创 Avue-crud表格操作栏不显示修改、删除按钮
permissionFn是自己定义的方法，因为不写会报错，所以放了一个空方法在这里，avue获取不到权限就都隐藏掉了，把这行去掉按钮就正常展示了。贴一个官网文档：https://v2.avuejs.com/crud/crud-menu/permission：表格多个按钮权限控制，采用函数方式可以精确到行控制。结果也很明显，上面的没有用，我的按钮还是不显示。
2024-03-28 19:02:05
575
原创 iframe多层级页面调用父子兄弟祖孙页面方法
遇到复杂的页面也不要着急，一定要先认真分解页面组成，我一开始以为页面只有两层，在子页面找孙子页面的方法肯定是会报错的。多层页面尤其需要注意嵌套的关系，在没有ID的情况下选择器也要尽量精准，数组格式别忘了加上索引。
2023-06-01 11:28:18
705
原创 使用ES6解构赋值解决传递不确定数量的参数
20020-03-03最近在用vue写canvas小游戏，为了方便维护，还是按照面向对象的思路写的，把不同对象分成了各种组件，最后统一在父组件绘图， 在设置监听器的时候遇到了传参的问题，记录一下一、需求为了方便说明先介绍一下即将要出场的组件：父组件index、子组件person、子组件listener，其他的组件略过。目前的需求是在两个子组件中进行通信，由于通信不太多而且有一部分数据父组件也需要，所以最后决定用emit实现（如果有更高效并且合适的子组件通信方法也请评论告诉我）。所以我的问.
2022-03-03 16:34:54
677
原创 canvas游戏解决绘图模糊问题
2022-03-03最近在用canvas做小游戏，在电脑上看着没有什么问题，但是一在手机上运行就发现写在canvas里面的图片很模糊，跟h5的图片有非常惨烈的对比，找了半天的解决办法…一、原因出现这个问题的主要原因有两个：首先是canvas本身的绘图方式，比如我们需要绘制1px的线，与在网页中不同，canvas会先设定一个中线，然后在中线的左右两侧扩散0.5px，但是这个扩散出去的0.5px占不满1px，所以会用颜色的一半来填充1px，这样不仅绘制的线条变成了2px，也变得模糊了。.
2022-03-03 14:29:52
4363
原创 Mint UI中，Datetime Picker时间选择器的使用方法，最大可选值endDate用法
2021-04-15用Mint UI的时候一不留神踩了个大坑，记一下…（因为Mint UI官方文档已经没有人维护了，所以上面有些方法不好用了，我踩得坑也是基于这个大前提）一、引入这个没什么问题，直接复制官方代码放到入口文件main.js里面：import { DatetimePicker } from 'mint-ui';Vue.component(DatetimePicker.name, DatetimePicker);二、添加组件这里不要按照官方文档了，我浪费了一个半小时在这.
2021-04-15 11:03:50
1188
2
原创 怎样用jQuery自定义函数方法，用$可调用
2021-01-14楼上在装修，电钻交响乐，可真是吵死我了…一、jQuery自定义函数的几种方法1. 方法一：$.fn.functionName最先登场的是百度经验提供的方法，需要绑定某个DOM元素使用<button id="btn">test</button><script> //定义方法 $.fn.myFunc1 = function(param){ $(this).on('click',function(){ console.log.
2021-01-14 18:13:33
6783
原创 关于响应式页面的几种处理方法
2021-01-12我本来还看了一些网页设计的课程，本来想找里面的一部分内容来着，结果怎么也找不到当时的笔记了，唉怪我自己没收好，生气一、使用框架实现响应式做响应式最简单方便的就是用现成的框架或者UI库，常见的有Bootstrap、ElementUI、LayUI等等，这里拿Bootstrap来举例：1. 栅格系统大部分框架都有栅格系统，我们可以根据这个直接来规定不同设备上的布局，省去了很多手写的麻烦。超小屏幕 手机 (<768px)小屏幕 平板 (≥768px)中等屏.
2021-01-13 00:57:59
2431
1
原创 前端搜索引擎优化（SEO）小记
2021-01-12今天来学习搜索引擎优化~一、什么是SEO？说到搜索引擎优化，就要提到SEO，那么SEO是指什么呢？根据百度百科给的介绍：搜索引擎优化(seo)（Search Engine Optimization，简称SEO）：是针对搜索引擎对网页的检索特点,让网站建设各项基本要素适合搜索引擎的检索原则,并且对用户更友好（Search Engine Friendly），使搜索引擎收录尽可能多的网页,并在搜索引擎自然检索结果中排名靠前,达到搜索引擎营销的目的。SEO是较为流行的网络营销方.
2021-01-12 21:05:27
932
原创 前端页面的常用性能优化
2021-01-10说常用的性能优化是因为优化方法有很多很多，我肯定不能全都理解而且用上，而且有很多方法非常鸡肋，费力不讨好的我也不写了，就单纯的写一下我觉得好用的吧~一、PC端优化主要从页面结构分类，分成HTML、CSS、JS 和 AJAX网络请求。1. HTML减少HTTP资源请求次数。合并静态资源（img、css、js）。避免重复请求。减少HTTP请求大小。对文件进行压缩优化（img、js）。把CSS和JS文件放到外部文件中，不要直接用< style >和< .
2021-01-10 16:18:45
347
原创 关于js中的隐式类型转换
2021-01-07刚爬出数据类型判断，又进了隐式类型转换的大坑，那来吧2021-01-08昨天写到一半让朋友们拉去云喝酒了，今天继续一、开始我最早接触到隐式类型转换是因为这么一个题目：const a = { i: 1, toString: function () { return a.i++; } } if (a == 1 && a == 2 && a == 3) { cons.
2021-01-08 20:41:46
621
原创 用typeof、instanceof和Object.prototype.toString来判断JS数据类型和他们的区别
2021-01-06我自己不太常用判断JS数据类型，所以也不太熟悉，正好就放在一起讲一下吧。2021-01-07越整理东西越多，写的也有点乱了。另外这个标题我改来改去的也不知道怎么概括，大家将就看看吧，重要的是内容！我查了好多资料整理出来的~ 看完这个，哪怕是像我一样的小白也一定能理解的。一、typeof1. typeof的返回值简单数据类型（基本数据类型）：Undefined、Null、Boolean、Number、String和Symbol。复杂数据类型（引用类型）：Object.
2021-01-07 17:42:20
355
1
原创 promis用法（ES6）
2021-01-05在ES6语法中，promise是一个比较重要的知识点，在这里记录一下。ES6这本书我自己也买了，但是一直没能静下心来从头到尾看一遍，现在先捡重点的写一下，后面慢慢看能不能补齐吧。一、promise是什么promise是解决异步的一种方法，里面保存着异步操作的结果和对应应执行的事件。从语法上来说，promise是一个对象，从它可以获取异步操作的消息。promise提供统一的API，各种异步操作都可以用同样的方法进行处理。二、promise的特点对象的状态不受外界影.
2021-01-05 13:59:27
708
原创 用js写出函数防抖和节流
2021-01-02其实这个是2020-12学的，2021-01-01整理出来的，但是又不想一天都发出来，就当做给以后存着好了，万一哪周没发呢hhh一、js中的函数防抖1. 什么是函数防抖函数防抖（debounce）就是指触发事件后，在n秒内函数只能执行一次，如果事件在n秒内后被触发了一次，则重新计算函数执行时间。2. 为什么需要函数防抖前端事件中（如onresize，scroll，mousemove，mousehover等）会被频繁触发，不做限制可能一秒之内执行几十上百次，如果在这些.
2021-01-01 08:25:38
278
原创 用js写出二分查找（折半查找）算法和时间复杂度
2020-01-01没想到2020稀里糊涂的已经过去了，昨天写2020年度总结的时候发现居然没什么好写的，看了看更的博客和平常的日记感觉真是没干啥正事。导致写2021年计划的时候写了一大堆，再加上2020计划了还没完成的事，我都担心今年完成不了又拖到2022年去了。说了这么多都是白话，当下我还是决定从现在就动起来，一周一更，请大家监督！一、js写出二分查找（折半查找）1. 二分查找是什么比如现在有一个有序数组： arr = [ 1, 2, 3, 4, 5];我想在其中查找一个特定元素： .
2021-01-01 07:19:12
1657
2
原创 MVVM、MVC模式小记
2020-07-16之前有人问我MVVM模式是什么，我心里有一个模糊的理解，但是不知道该怎么描述，然后今天正好查了下MVVM相关的问题，顺便记录一下。（PS：提到MVVM肯定要说MVC，就放在一起对比一下）一、组成部分（一）、MVC（Model-View-Controller）user actionupdateupdatenotifyViewControllerModelModel：数据模型，用来存储数据View：视图界面，用来展示UI界面和响应用户交互Controller：控制.
2020-07-16 17:22:00
198
原创 根据name获取选中的input复选框，并整理为字符串或数组格式
2020-06-09根据name获取input $('input[name="inputName"]')根据name获取选中的Input $('input[name="inputName"]:checked')整理为字符串格式（用逗号分隔） var str = $('input[name="inputName"]:checked').map(function(){ return this.value }).get().join(',') console.log(str.
2020-06-09 10:16:00
694
原创 layer子父操作、怎样用session和url地址栏在页面间传递参数、对象和json
2020-04-16这两天在工作的时候遇到一个小问题，挺简单的，还是要记录一下在用layer弹出层或者用iframe的时候，会涉及到参数传递的问题，不管用session还是地址栏，普通参数都没什么问题，但是遇到对象或者json格式就会有点问题。session中传递对象直接用session存取对象： var obj = { name: 'test', value: 123 ...
2020-04-16 18:21:32
466
原创 echarts树状图中的不同层级之间json的数据处理
2020-03-23最近由于疫情的原因，在家里快闷坏了…这么久没更新是因为在做一些设计上的工作，技术上遇到的问题比较少，今天又遇到一个很有意思的需求，我拿出来给大家展示一下~页面的最终效果是这样：得到的json格式这个需求的主要难点在json格式上，如果想得到上图的样式，那么按照echarts中树状图的官方标准格式应该是这样展示的：{ "name": "根...
2020-03-24 00:47:58
2003
1
原创 使用vue控制video视频和弹幕功能
2020-02-19前两天想说练一下vue，就按照bilibili写了一个demo（我第一次放这种模仿的页面，如果有哪里不合适的请告诉我哈），就写了比较核心的首页和视频播放页，包括控制视频和弹幕渲染等等的，记录一下。目录先放一下最终效果一、vue控制视频播放1. 引入视频2. 播放 / 暂停功能3. 获取并及时更新视频时间4. 播放完成 / 重放二、弹幕功能1. 添加弹幕容器2. 弹幕...
2020-01-19 16:38:59
7236
2
原创 HTML5、CSS3新特性一览（下）
2019-12-16上篇讲了HTML5，这篇来讲CSS3的新特性。要素过多，这里加个目录--- 盒子样式 ---1. border-radius 圆角样式2. box-shadow 盒子阴影3. border-image 图像边框4. background 盒子背景5. 渐变背景--- 文本样式 ---1. text-shadow 文本阴影2. text-overflow 溢出文本展示3...
2019-12-17 15:26:26
163
原创 css自定义滚动条样式
2019-12-13最近在整理这一年新学到的知识点，看到这个觉得还挺有必要记一下的。直接贴代码吧。另外，滚动条这里分很多部分，我只贴了我常用的。div::-webkit-scrollbar { /*滚动条整体样式*/ width: 8px; /*宽高分别对应横竖滚动条的尺寸*/ height: 8px;}div::-webkit-scrollbar-thum...
2019-12-13 15:03:30
77
原创 css盒子模型和样式更改
2019-12-13好久没更新了哈~到年底了冲冲业绩（/笑哭）盒子模型超级常用的样式相关，包括怎么对齐，布局和背景设置等等。(图片取自菜鸟教程）盒子模型各部分说明margin - 外边距，多个盒子排列时外边距取较大的那一个，并不是相加border - 边框padding - 内边距content - 内容盒子模型样式简写这个基础应用直接放代码了哦.box1{ marg...
2019-12-13 14:37:39
3837
原创 使用map()重新定义数组格式
2019-11-10前一段时间由于工作变动没怎么更新，今天更新又双叒是因为echarts里面遇到问题了…echarts里面的数据格式对正常返回的接口数据很不友好，今天突然想到用map()创建一个新数组来匹配echarts的数据格式map()的主要用法是创建新数组，这样写： var arr = data.map(function (item) { return item[1];...
2019-11-19 16:21:14
855
原创 【不正经的踩坑经历】关于我的ajax跨域测试经历
2019-06-05今天测试一个接口，之前的接口大部分是同步完代码可以在本地访问到的，这次的接口是在本地文件中访问同事的ip，涉及到跨域问题。但是关于跨域之前掌握的就不是很好，所以又是一次踩坑的经历，记录一下测试过程全记录TAT…首先先测试一下接口是不是可以正常访问到，直接在网页地址栏访问这个接口，可以收到正常的数据，所以可以排除接口的问题了。然后是正经的测试阶段，按照常规先写...
2019-06-05 17:14:18
178
原创 echarts 在legend中使用rich富文本的方法
2019-05-30用echarts有一段时间了，但是有的具体样式调整的时候配置项手册还是说的不是很清楚，又踩了一个坑之后回来记录先放一张最终效果：然后根据我们的需求，首先知道这个是在legend里面调整的，找到有关富文本的说明，官方手册这么写的：好的，感觉很清楚的样子，那我来尝试一下好了，头部提示和demo的提示不太一样，所以我分别尝试了一下：尝试的结果就是不管是加不加lab...
2019-05-30 15:13:10
15684
17
原创 echarts 调整showLoading样式
2019-05-09echarts自带的加载框可以调整样式，之前看官网的举例还是没弄懂语法是怎么样的，所以记录一下 myChart.showLoading({ text: 'loading', color: '#c23531', textColor: '#000', maskColor: 'rgba(255, 255, 255, 0.8)', zlevel: 0 })...
2019-05-09 11:26:39
8398
3
原创 echarts桑基图 设置每个节点的不同颜色
2019-05-06今天做桑基图的时候踩了个小坑，本来想把桑基图的每个节点设置成不同的颜色，但是很多种方法都不好用，记录一下踩坑实况记录 //用到的数据 var dataList = [ { name: 'a' },{ name: 'b' }, { name: 'c' }, { name: 'x' }, { name: 'y' } ]; var li...
2019-05-06 16:33:16
15226
2
原创 echarts柱状图实现圆角和每个柱体不同渐变色
2019-05-06简单的例子就先不写了，直接写实现功能的关键代码：柱状图实现圆角 itemStyle: { emphasis: { barBorderRadius: 7 }, normal: { barBorderRadius: 7 } }柱状图颜色渐变 //这样可以实现所有柱体都有同一个渐变色 normal: { co...
2019-05-06 09:45:02
1725
原创 echarts 柱状图颜色设置
2019-05-05在使用echarts时，遇到一个问题，就是本来应该直接在color中设置的多个颜色不起左右，只显示第一个颜色用demo中的代码举例：option = { color: ['#c23531','#2f4554', '#61a0a8'], xAxis: { type: 'category', data: ['Mon', 'T...
2019-05-05 16:15:05
156082
13
原创 纯CSS响应式的总结
响应式需要兼容的设备及尺寸手机 （分辨率不统一，320px - 414px）pad（1024px * 768px 横屏 / 768px * 1024px 竖屏 ）pc普屏 （1024px * 768px，一般使用1000px适配）pc宽屏 （大于1190px， 1366px * 768px / 1440px * 768px / 1920px * 1080px …）媒体查询的判断条件...
2019-04-18 15:27:26
360
原创 jq,vue动态选中checkbox和radio
2019-03-28之前遇到了一个checkbox和radio选中的问题，有一个不好用jq控制选中，但是具体出现的问题忘记了，先存个档，以后再补充html：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <...
2019-04-11 13:49:04
1990
原创 子元素hover离开时的平滑过渡效果
hover时设置的效果离开时平滑过渡：<!DOCTYPE html><html> <meta charset="UTF-8" /> <title>hover平滑过渡效果</title> <head> <style> div { width: 100px; heig...
2019-04-11 10:17:06
3925
原创 jq实现锚点跳转滑动效果小记
页面正常使用a标签链接到对应的元素 <div class="top"> <a href="#a1">1111</a> <a href="#a2">2222</a> <a href="#a3">3333</a> <a href="#a4">4444</a> </div...
2019-04-11 09:28:32
1413
原创 小程序传参小记
2019-04-09今天做到关于小程序中页面之间的传参和获取元素中的数据，记录一下wxml:<button open-type="getPhoneNumber" data-id="01" bindgetphonenumber="goToRequire"> <text>按钮文字</text></button> 其中，open-ty...
2019-04-09 11:20:01
97
原创 border-image小记
2019-04-08之前一直想使用border-image做边框上的适配，记录一下遇到的问题根据w3school的实例，添加CSS样式：div{ -webkit-border-image:url(border.png) 30 30 round; /* Safari 5 */ -o-border-image:url(border.png) 30 30 round; /* Opera *...
2019-04-09 10:01:54
297
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人