总结小计
江湖人六六
君子坦荡荡
展开
-
H5兼容性问题-ios_安卓
出现问题iOS手机出现滚动问题,滚动到底部然后下拉出现卡顿甚至卡死到底部划不动;原因仔细查看之后发现出现了双滚动条解决办法找出每一层的样式包含滚动的元素,找出滚动dom,设置滚动domoverflowhidden。...原创 2022-07-26 11:42:32 · 1059 阅读 · 1 评论 -
js数组 元素移动到指定元素前后
数组中移动指定元素到指定位置:举个栗子:vararr=[1,3,5,7,9],把元素7 放到 3之后代码如下:结果截图源码:// arr 目标数组 key 移动元素 item 目标元素 function movearritem (arr,key,item) { for (var i = 0; i < arr.length; i++) { if (arr[i]== key) { ...原创 2021-08-23 16:41:05 · 2918 阅读 · 0 评论 -
数字json找出源数组json删除的元素
/*需求:原本有一个数组对象,然后对数组对象编辑修改之后找到在原来数组中但是不在新数组中的数据,返回一个新数组场景:列表根据id找到该id对应的数据,编辑之后有新增的也有删除的最后合并之后得到新的列表,保存到该id下目录需求:原本有一个数组对象,然后对数组对象编辑修改之后找到在原来数组中但是不在新数组中的数据,返回一个新数组场景:列表根据id找到该id对应的数据,编辑之后有新增的也有删除的最后合并之后得到新的列表,保存...原创 2021-05-31 15:05:31 · 137 阅读 · 0 评论 -
word去水印
1 常规水印设计---->最右边 水印 点开 ----->删除水印 或者 水印设置--无水印2 非常规水印2.1 全选2.2 打开系统自带 写字板 --粘贴2.3 新建word文档 把写字板的内容粘贴过来 就ok了原创 2021-04-01 09:39:07 · 206 阅读 · 0 评论 -
echarts 相关
/*chart是指一个完整的图表,如折线图,饼图等“基本”图表类型或由基本图表组合而成的“混搭”图表,可能包括坐标轴、图例等axis直角坐标系中的一个坐标轴,坐标轴可分为类目轴和数值轴xAxis直角坐标系中的横轴,通常并默认为类目轴yAxis直角坐标系中的纵轴,通常并默认为数值轴grid直角坐标系中除坐标轴外的绘图网格legend图例,表述数据和图形的关联dataRange值域选择...原创 2021-02-22 17:01:02 · 267 阅读 · 0 评论 -
vue-grid-layout 使用 新增vue-grid-item拖拽 添加样式
项目中使用到vue-grid-layout布局来实现拖拽组件,实现组件的自定义布局使用中发现了一些问题,如果熙新增的话,新增的框不太明显,如果把每一个vue-grid-item设置样式的话,所有的组件块都会加上背景色,这样达不到设计的需求,违背了初衷;具体使用:vue-grid-layout git 地址:传送门<grid-layout :layout.sync="layout" :col-num="colNum" :row-height="30.原创 2020-12-10 09:02:13 · 4111 阅读 · 2 评论 -
解决elementUI中table多选分页后选中回显的问题(多选、分页、选中回显、搜索)
1使用elementUI过程中我们会遇到一些选中后不能回显的问题,例如:选中第一页之后会发现点分页的时候第一页选的数据没有回显2 解决办法表格部分代码:methods里代码原创 2020-11-05 09:45:17 · 1544 阅读 · 0 评论 -
前端 css中1rem、1em、1vh、1px各自代表的含义
1rem、1em、1vh、1px各自代表的含义remrem是全部的长度都相对于根元素元素。通常做法是给html元素设置一个字体大小,然后其他元素的长度单位就为rem。em子元素字体大小的em是相对于父元素字体大小 元素的width/height/padding/margin用em的话是相对于该元素的font-sizevw/vh全称是 Viewport Width 和 Viewport Height,视窗的宽度和高度,相当于 屏幕宽度和高度的 1%,不过,处理宽度的时候%单位更合适原创 2020-10-15 09:46:51 · 5545 阅读 · 0 评论 -
记一次vue踩坑——vue刷新问题
动态渲染item数据获取数据的地方在需要处理的地方加 this.$forceUpdate();即可原因是数组的更新没有触发object.definePropperty()中的set方法,故需要强制刷新;;;原创 2020-09-29 14:48:34 · 265 阅读 · 0 评论 -
elementUI date-time-picker不更新问题
最近在使用elementUI过程中出现点击时间日期选择插件不更新的问题,特此记录一下问题:点击选择之后点击具体的日期不出现刚点击过的日期;解决办法: @input=“$forceupdate();”原创 2020-09-29 11:03:12 · 1901 阅读 · 0 评论 -
高德面试题-地图
constres={code:0,data:{lines:'20路,301路,5路,地铁5号线,机场大巴线,107路,机场快轨',lineids:'lzbd,lwes,lxid,lwic,lwdf,ldfx,loin',linedetails:{lwdf:{name:'机场大巴线'},lwes:{name:'301路'},lwic:{name:...原创 2020-09-27 19:07:54 · 1093 阅读 · 0 评论 -
vue 总结之 watch 和 computed的区别
computed:①有缓存机制;②不能接受参数;③可以依赖其他computed,甚至是其他组件的data;④不能与data中的属性重复watch:①可接受两个参数;②监听时可触发一个回调,并做一些事情;③监听的属性必须是存在的;④允许异步watch配置:handler、deep(是否深度)、immeditate (是否立即执行)总结:当有一些数据需要随着另外一些数据变化时,建议使用computed当有一个通用的响应数据变化的时候,要执行一些业务逻辑或异步操作的时候建议使用watc原创 2020-09-27 10:08:44 · 94 阅读 · 0 评论 -
react学习笔记之redux
react fluxFLUX Flux不是一个具体的框架,是facebook大牛们提出的一种代码架构,一种思想现在市场上并没有一个成熟的Flux的框架,Facebook并没有推出,有一些个小牛们有做出来的,没人用,尴尬,那就等吧React呢被包含到Flux里面去了,被当做视图来定义,但是Flux呢又不是非得用react,毕竟Flux只是一个思想,想用什么用什么,在提出的时候拿react来举例子了Flux是对于前端整体的一个组织方案那为什么要有这个Flux呢,因为Facebo...原创 2020-09-24 14:57:03 · 119 阅读 · 0 评论 -
浅谈前端面向对象oop思想
1.面向对象是一个比较虚的东西,js是面向对象的语言,一切皆对象。2.什么是面向对象呢?生活中有一些个东西呀,比如说一个电视,咱们也不知道里面的工作原理吧?但是咱们会按按钮呀~~~咱们居然不知道原理就可以用了哎,好神奇Date对象咱们知道哈,这个货有个getFullYear的方法吧,那么大家想一下,这个东西是怎么知道现在是哪一年的呢? 不了解吧,没关系,咱们会用呀,哦吼吼,其实像这样的使用者可以不需要知道原理就可以使用它的功能呢,就叫面向对象啦~哦吼吼什么是对象呢:是一对大象吗?no原创 2020-09-23 09:33:54 · 1083 阅读 · 0 评论 -
总结的面试经验,常问面试题
对象的创建方式有哪些:1 字面量2 构造函数模式3 工厂模式4 原型模式5 创建实例模式;jsonp和ajax的优缺点;如何对网站的内容和资源进行优化:1 图片压缩2 文件压缩3 使用cdn托管4 使用缓存5 meta标签优化6 反向链接 网站外链优化;jQuery的几种选择器1 层叠原则器;2 基本过滤选择器3 内容过滤选择器4 可视化过滤选择器5 属性过滤选择器6 子元素过滤选择器7 表单元素过滤选择器8id 类 类原创 2020-09-22 15:10:17 · 82 阅读 · 0 评论 -
前端之主流浏览器内核深度解析
1、IE浏览器内核:Trident内核,也是俗称的IE内核;2、Chrome浏览器内核:统称为Chromium内核或Chrome内核,以前是Webkit内核,现在是Blink内核;3、Firefox浏览器内核:Gecko内核,俗称Firefox内核;4、Safari浏览器内核:Webkit内核;5、Opera浏览器内核:最初是自己的Presto内核,后来是Webkit,现在是Blink内核;6、360浏览器、猎豹浏览器内核:IE+Chrome双内核;7、搜狗、遨游、QQ浏览器内核:T原创 2020-09-19 13:20:02 · 373 阅读 · 0 评论 -
前端总结-js,css,html知识点以及踩坑之路,规范等
自己以前架构CSS/JS时候挖过的一些坑精简高效的CSS命名准则/方法网页切图过程中div+css命名规则10个CSS简写/优化技巧我是如何对网站CSS进行架构的梳理:提高前端性能方面的处理以及不足jQuery页面滚动图片等元素动态加载实现说说CSS学习中的瓶颈Web前端优化最佳实践及工具集锦可以直接拿来用的15个jQuery代码片段一些达成共识的JavaScript编码风格约定...原创 2020-09-19 11:17:46 · 91 阅读 · 0 评论 -
混合开发篇-原生与H5交互
## 混合开发DCLOUD实现混合开发的方式,微信公众号的二次开发,微信小程序### 现有的NativeAPP、WebAPP、HybridAPP的区别APP:application应用程序,一般指移动端的应用。1. NativeAPP:由Andriod、IOS开发人员开发;使用的语言是:xml+java;xml+(Objective-C/swift);对网络的依赖性不强(在没有网络的情况下也能使用部分功能);流畅度较高;能调用设备的原生功能;应用需要下载安装,使用成本高;更新维护原创 2020-09-18 09:25:56 · 29699 阅读 · 0 评论 -
elementUI -el-select不更新问题
elmentUI 踩坑之 elselect出现问题: 选择下拉框的值并没有复制到输入框中;但其实值已经变了并没有更新到输入框中解决办法:即可解决;原创 2020-09-11 16:10:26 · 1736 阅读 · 3 评论 -
富文本编辑器--jodit-vue 插件踩坑之路
jsdit富文本编辑器的踩坑之路总体来说这个富文本编辑器还挺好使用的;但是中文文档不全,使用起来必须看文档地址:传送门一 如何使用 npm 安装 npm install jodit CDN使用方法 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jodit/3.1.39/jodit.min.css"> <script src="//cdnjs.cl...原创 2020-09-10 15:21:11 · 2367 阅读 · 0 评论 -
2020面试-前端面试总结,知识点总结
https://app.yinxiang.com/shard/s15/nl/18328895/39a670a8-5e64-4040-adfd-5bced2877659?title=20200701%E6%80%BB%E7%BB%931 事件捕获和事件冒泡 事件流: 当一个HTML元素产生一个事件时,该事件会在元素节点与根节点之间的路径传播,路径所经过的节点都会收到该事件,这个传播的过程叫做DOM事件流 事件冒泡正如其名,向鱼类吐泡泡一样。当点击上面div时,最先接收到click事件的...原创 2020-09-05 11:01:50 · 148 阅读 · 1 评论 -
面试总结
1 事件捕获和事件冒泡事件流: 当一个HTML元素产生一个事件时,该事件会在元素节点与根节点之间的路径传播,路径所经过的节点都会收到该事件,这个传播的过程叫做DOM事件流事件冒泡正如其名,向鱼类吐泡泡一样。当点击上面div时,最先接收到click事件的是div元素本身。因为它是文本中当前所交互的元素里嵌套最深的那个元素。随后沿着DOM树一路往上到body,到html,到document为止。事件捕获中最先获取交互事件的时document,再然后是沿着DOM树一直往下直到作为目标的所交互元素。所原创 2020-09-05 10:57:52 · 104 阅读 · 0 评论 -
面试小结
总结:1 calc, support, media各自的含义及用法?1 @support主要是用于检测浏览器是否支持CSS的某个属性,其实就是条件判断,如果支持某个属性,你可以写一套样式,如果不支持某个属性,你也可 以提供另外一套样式作为替补。2 calc() 函数用于动态计算长度值。 calc()函数支持 “+”, “-”, “*”, “/” 运算;3 @media 查询,你可以针对不同的媒体类型定义不同的样式。2 css水平、垂直居中的写法水平居中行内元素: text-alig原创 2020-06-12 16:19:19 · 134 阅读 · 0 评论