- 博客(34)
- 收藏
- 关注
RSS订阅
原创 高德面试题-地图
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
1152
原创 前端之主流浏览器内核深度解析
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
422
原创 混合开发篇-原生与H5交互
## 混合开发DCLOUD实现混合开发的方式，微信公众号的二次开发，微信小程序### 现有的NativeAPP、WebAPP、HybridAPP的区别APP：application应用程序，一般指移动端的应用。1. NativeAPP：由Andriod、IOS开发人员开发;使用的语言是：xml+java；xml+(Objective-C/swift);对网络的依赖性不强（在没有网络的情况下也能使用部分功能）；流畅度较高；能调用设备的原生功能；应用需要下载安装，使用成本高；更新维护
2020-09-18 09:25:56
29759
原创 富文本编辑器--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
2469
原创 H5兼容性问题-ios_安卓
出现问题iOS手机出现滚动问题，滚动到底部然后下拉出现卡顿甚至卡死到底部划不动；原因仔细查看之后发现出现了双滚动条解决办法找出每一层的样式包含滚动的元素，找出滚动dom，设置滚动domoverflowhidden。...
2022-07-26 11:42:32
1120
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
3073
原创 数字json找出源数组json删除的元素
/*需求：原本有一个数组对象，然后对数组对象编辑修改之后找到在原来数组中但是不在新数组中的数据，返回一个新数组场景：列表根据id找到该id对应的数据，编辑之后有新增的也有删除的最后合并之后得到新的列表，保存到该id下目录需求：原本有一个数组对象，然后对数组对象编辑修改之后找到在原来数组中但是不在新数组中的数据，返回一个新数组场景：列表根据id找到该id对应的数据，编辑之后有新增的也有删除的最后合并之后得到新的列表，保存...
2021-05-31 15:05:31
164
原创 word去水印
1 常规水印设计---->最右边 水印 点开 ----->删除水印 或者 水印设置--无水印2 非常规水印2.1 全选2.2 打开系统自带 写字板 --粘贴2.3 新建word文档 把写字板的内容粘贴过来 就ok了
2021-04-01 09:39:07
267
原创 echarts 相关
/*chart是指一个完整的图表，如折线图，饼图等“基本”图表类型或由基本图表组合而成的“混搭”图表，可能包括坐标轴、图例等axis直角坐标系中的一个坐标轴，坐标轴可分为类目轴和数值轴xAxis直角坐标系中的横轴，通常并默认为类目轴yAxis直角坐标系中的纵轴，通常并默认为数值轴grid直角坐标系中除坐标轴外的绘图网格legend图例，表述数据和图形的关联dataRange值域选择...
2021-02-22 17:01:02
324
原创 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
4219
2
原创 解决elementUI中table多选分页后选中回显的问题（多选、分页、选中回显、搜索）
1使用elementUI过程中我们会遇到一些选中后不能回显的问题，例如：选中第一页之后会发现点分页的时候第一页选的数据没有回显2 解决办法表格部分代码：methods里代码
2020-11-05 09:45:17
1604
原创 Vue 搭建一个新项目
项目搭建npm install vue-cli -gnpm install webpack -gvue init webpack projectnpm installnpm run devwebpack 会帮忙打包上线npm run dev 打包好的文件会放在内存中src中写代码gitHub创建项目 邀请组员 clone git clonehttp://ffffsdfsdf创建功能分支 在本地切换到创建的分支 git checkout 把功能分支拉到本地 .
2020-10-31 12:49:00
177
原创 前端 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
5938
原创 记一次vue踩坑——vue刷新问题
动态渲染item数据获取数据的地方在需要处理的地方加 this.$forceUpdate();即可原因是数组的更新没有触发object.definePropperty()中的set方法，故需要强制刷新；；；
2020-09-29 14:48:34
291
原创 elementUI date-time-picker不更新问题
最近在使用elementUI过程中出现点击时间日期选择插件不更新的问题，特此记录一下问题：点击选择之后点击具体的日期不出现刚点击过的日期；解决办法： @input=“$forceupdate();”
2020-09-29 11:03:12
1964
原创 vue 总结之 watch 和 computed的区别
computed：①有缓存机制；②不能接受参数；③可以依赖其他computed，甚至是其他组件的data；④不能与data中的属性重复watch：①可接受两个参数；②监听时可触发一个回调，并做一些事情；③监听的属性必须是存在的；④允许异步watch配置：handler、deep（是否深度）、immeditate （是否立即执行）总结：当有一些数据需要随着另外一些数据变化时，建议使用computed当有一个通用的响应数据变化的时候，要执行一些业务逻辑或异步操作的时候建议使用watc
2020-09-27 10:08:44
137
原创 react学习笔记之redux
react fluxFLUX Flux不是一个具体的框架，是facebook大牛们提出的一种代码架构，一种思想现在市场上并没有一个成熟的Flux的框架，Facebook并没有推出，有一些个小牛们有做出来的，没人用，尴尬，那就等吧React呢被包含到Flux里面去了，被当做视图来定义，但是Flux呢又不是非得用react，毕竟Flux只是一个思想，想用什么用什么，在提出的时候拿react来举例子了Flux是对于前端整体的一个组织方案那为什么要有这个Flux呢，因为Facebo...
2020-09-24 14:57:03
140
原创 浅谈前端面向对象oop思想
1.面向对象是一个比较虚的东西，js是面向对象的语言，一切皆对象。2.什么是面向对象呢？生活中有一些个东西呀，比如说一个电视，咱们也不知道里面的工作原理吧？但是咱们会按按钮呀~~~咱们居然不知道原理就可以用了哎，好神奇Date对象咱们知道哈，这个货有个getFullYear的方法吧，那么大家想一下，这个东西是怎么知道现在是哪一年的呢？ 不了解吧，没关系，咱们会用呀，哦吼吼，其实像这样的使用者可以不需要知道原理就可以使用它的功能呢，就叫面向对象啦~哦吼吼什么是对象呢：是一对大象吗？no
2020-09-23 09:33:54
1152
原创 总结的面试经验，常问面试题
对象的创建方式有哪些：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
117
原创 js 微信小程序 ；学习笔记
rpx（responsive pixel）微信小程序新定义了一个尺寸单位，可以适配不同分辨率的屏幕，它规定屏幕宽为750rpx，如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。这个项目我用的都是rpx尺寸单位，期间遇到一个很奇葩的问题。在相邻的两条信息直接都会有一个分割线，我将线的高度都设置成1rpx,但是不有个别分割线是不显示的，如下图看到没在第一条和第二条直接并没有现实这条线，
2020-09-22 10:59:07
188
原创 js奇淫巧计--常用总结
JavaScript是一个绝冠全球的编程语言，可用于Web开发、移动应用开发（PhoneGap、Appcelerator）、服务器端开发（Node.js和Wakanda）等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框，也可以通过nodebot或nodruino来控制机器人。能够编写结构清晰、性能高效的JavaScript代码的开发人员，现如今已成了招聘市场最受追捧的人1、首次为变量赋值时务必使用var关键字变量没有声明而直接赋值得话，默认会作为一个
2020-09-21 15:28:49
242
原创 js工具，手写ajax,转驼峰，排序，统计字符串中字母个数或统计最多字母数，格式化金钱
1 手写ajaxfunction callajax() { var ajax = new XMLHttpRequest(); ajax.open(null); ajax.send(); ajax.onreadystatechange = function(responseText) { if(ajax.status == 4 || ajax.readyState == 200) { ...
2020-09-19 13:27:50
188
原创 前端总结-js,css,html知识点以及踩坑之路，规范等
自己以前架构CSS/JS时候挖过的一些坑精简高效的CSS命名准则/方法网页切图过程中div+css命名规则10个CSS简写/优化技巧我是如何对网站CSS进行架构的梳理：提高前端性能方面的处理以及不足jQuery页面滚动图片等元素动态加载实现说说CSS学习中的瓶颈Web前端优化最佳实践及工具集锦可以直接拿来用的15个jQuery代码片段一些达成共识的JavaScript编码风格约定...
2020-09-19 11:17:46
110
原创 js获取日期 指定日期前后七天
最近项目遇到一天个问题，统计模块需要按周统计，选择指定日期需要给后端传指定日期的后七天代码如下：运行结果：如果需要前七天需要改动代码部分需要把红框括起来的部分变成-=即可附：代码//获取指定时间之后七天日期@parameterdate:'yyyy-MM-DD'functiongetDate(date){varbase=newDate(date).getTime()varoneDay=24*3600*1000;...
2020-09-18 16:22:20
3536
原创 nodejs学习笔记之初识nodejs
什么是nodeJsNode.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。node是使用C++编写的基于V8引擎的JS运行环境，同时提供了很多基于ECMAScript的扩展对象。Node.js 的包管理器 npm，成为世界上最大的开放源代码的生态系统。Node.js 可以解析JS代码（没有浏览器安全级别的限制）提供很多系统级别的API，如：文件的读写 进程的管理 网络通信
2020-09-17 15:50:49
217
原创 node学习笔记之mongodb
mongoDB这是一个数据库，与MySQL的区别就是，它是一个非关系型数据库 NoSql数据库1.性能高、I/O处理快 2.速度快 3.稳定不好，占用空间大1.安装MongoDB下载对应版本的mongodb来进行安装，安装的后注意需要手动设置数据库的位置。。。详细请搜索1.在安装的时候选择安装地址，一般情况下安装在c盘（默认安装地址）即可2.我们在c盘（最好）建立一个data文件夹，在data文件夹下面再建立一个db文件夹3.在mongodb的bin文件夹下，cmd执行 mong
2020-09-17 09:22:20
205
原创 nodejs学习笔记之fs模块 文件的增删改查
fileStystem后端语言都有操作文件系统的能力，在nodejs里我们依靠的是fs模块每种操作的方法基本都有同异步的两种不同方法1.查看文件信息（多用来判断文件是否存在）existsvar fs=require('fs');//异步查询文件信息fs.stat("../sources/temp.txt",(err,data)=>{ if(err){ console.log(err); }else{ console.log(data) //判断是否是文件 co
2020-09-16 13:33:29
678
原创 nodejs学习笔记之URL模块
URL模块这个模块可以帮助我们解析url地址，从里面提取很多有用的内容供我们使用；url.parse(urlString[, parseQueryString[, slashesDenoteHost]])会返回一个解析后的对象，第一个参数为要解析的url地址，第二个参数为是否将query字符串解析成对象格式，第二个参数来控制在没有协议的情况下，是否解析域名等内容url.format(urlObject)将一个url解析后的对象还原成一个url地址url.resolve(from, t
2020-09-16 13:31:15
431
原创 elementUI -el-select不更新问题
elmentUI 踩坑之 elselect出现问题： 选择下拉框的值并没有复制到输入框中；但其实值已经变了并没有更新到输入框中解决办法：即可解决；
2020-09-11 16:10:26
1914
3
原创 Array 对象方法小结，详细解释代码展示
传送门举个栗子Array 对象方法 方法 描述 concat() 连接两个或更多的数组，并返回结果。 join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 pop()...
2020-09-11 11:01:25
229
原创 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
305
1
原创 面试总结
1 事件捕获和事件冒泡事件流： 当一个HTML元素产生一个事件时,该事件会在元素节点与根节点之间的路径传播，路径所经过的节点都会收到该事件，这个传播的过程叫做DOM事件流事件冒泡正如其名，向鱼类吐泡泡一样。当点击上面div时，最先接收到click事件的是div元素本身。因为它是文本中当前所交互的元素里嵌套最深的那个元素。随后沿着DOM树一路往上到body，到html，到document为止。事件捕获中最先获取交互事件的时document，再然后是沿着DOM树一直往下直到作为目标的所交互元素。所
2020-09-05 10:57:52
136
原创 公共方法
/*** Created By Liyye 19/12/2// 参考bus3651、强制转https2、判断链接是否是来自搜索引擎*/(function isFromSeo(){var where =document.referrer;where = where.toLowerCase(); //转为小写var b = false;var regarr = new Array(‘google.’,‘baidu.’,‘sm.’,‘soso.’,‘so.’,‘360.’,‘yahoo.
2020-09-03 10:39:16
144
原创 面试小结
总结：1 calc, support, media各自的含义及用法？1 @support主要是用于检测浏览器是否支持CSS的某个属性，其实就是条件判断，如果支持某个属性，你可以写一套样式，如果不支持某个属性，你也可 以提供另外一套样式作为替补。2 calc() 函数用于动态计算长度值。 calc()函数支持 “+”, “-”, “*”, “/” 运算；3 @media 查询，你可以针对不同的媒体类型定义不同的样式。2 css水平、垂直居中的写法水平居中行内元素: text-alig
2020-06-12 16:19:19
169
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人