- 博客(83)
- 收藏
- 关注
原创 牛刀小试-Promise
Promise// 先定义三个常量表示状态const PENDING = "pending";const FULFILLED = "fulfilled";const REJECTED = "rejected";class MyPromise { constructor(executor) { //executor 是一个执行器,进入会立即执行 try { executor(this.resolve, this.reject); } catch (error
2022-02-14 10:56:21 397
原创 Ant-design-vue固定列导致行高度不一致
项目中使用 AntDesign 的表格组件,固定一列后,发现导致行的高度不一致;尝试了给tr固定高度,表面上可行,但如果有一行的内容长度过多时,仍会导致层次不齐;::v-deep .ant-table .ant-table-tbody tr { height: 50px !important;}最后发现是自己的问题,哈哈哈哈 <a-table :data-source="tableDataList" :loadi
2021-10-20 14:43:44 3368 4
原创 vue 监听菜单侧边栏折叠展开变化,响应Echarts图表resize问题
bug:vue项目中,窗口大小不变(排除window监听resize),侧边菜单栏折叠展开,导致右边内容区域宽度大小变化,echarts图表的宽度超出或者小于操作后的 原图表容器区域的宽度;常规解决办法的是监听窗口的变化window.addEventListener(“resize”),但当前bug是窗口不变,内部元素的宽度变化,所有window监听不生效。抽取的调用echarts图表resize方法 methods:{ //调用echarts的resize() onResize(){
2021-08-20 16:33:44 3965
原创 events.EventEmitter监听与派发
场景引入JSSDK时,未能加载完成,已经发出了请求并且使用JSSDK的方法,此时会报错;可以使用nodejs的events.EventEmitter做监听,保存需要执行的方法,如果执行时,检测到JSSDK加载成功则直接调用;否则等待加载完成后,调用执行;EventEmitter.jsconst EventEmitter = require('events') //引入nodejs events模块export const clientEmitter = new EventEmitter() //E
2021-05-18 19:47:01 364
原创 移动端下IOS new Date()时间格式不兼容
问题:开发小程序过程中,使用到将时间字符串’YY-MM-DD’转成时间戳,比如new Date(‘2020-03-14’),这在IOS下是不识别的。IOS不识别 2020-03-14 这种格式的时间,它识别 2020/03/14 这种格式,而且这种在IOS和安卓都兼容。var time ="2020-03-14"var time2 = time.replace(/-/g, '/')cons...
2020-03-14 17:06:22 1271
原创 mpvue小程序——列表自定义懒加载功能
**需求:**后台接口没有做分页处理,直接传来了很多条数据(几千上万条),会造成小程序渲染卡顿,页面空白;**解决:**接口传来的数据接收后存到数组里,自定义懒加载分页请求功能,每次滚到底部,再去请求下页数据;data(){ return{ dataList: [], //页面渲染时存放的数据 _dataList: null,//接口传来的数据存放数组 curr...
2020-03-07 14:40:04 774 1
原创 微信小程序获取用户位置坐标,调用腾讯地图api,转换成地区
需求:首页获取用户位置坐标,转换成功实际省市区,寄存在缓存中;项目开发使用的是美团的mpvue,谁用谁知道(坑有不少但对于习惯vue开发的,也挺友好!)小程序文档先上为敬腾讯地图注册获取key,配置,可参考例子1 例子2//注册配置完成,下载好微信小程序JavaScriptSDK v1.2,文件位置放好。头部引入,在onLoad 调用获取位置坐标方法,调用腾讯API转换成实际位置imp...
2020-03-04 11:51:18 3536
原创 小程序没有formData对象,传输formData数据
上传照片功能调试接口遇到坑,后台是需要传formData数据,而小程序没有formData对象,网上有些办法可以实现:链接。查阅资料,测试成功 wx.uploadFile({ url: this.baseUrl + '/api/real/photoUpload', filePath: res.tempFilePaths[0], ...
2020-02-21 15:32:09 7535 1
原创 H5页面嵌入安卓设备长按导致app崩溃问题解决
H5页面嵌入安卓设备后,页面长按导致App崩溃。查了下资料,觉得可能是长按触发了某些默认的事件,比如长按复制、长按选中、长按打开菜单等浏览器的一些事件,于是试着禁用掉长按事件,解决*{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -...
2020-01-17 14:30:17 1298
原创 高德地图API绘制地图,带标记点击事件,加载echarts
利用高德地图web JS API 绘制地图,地图带标记,切换echarts图表 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&申请的key&plugin=AMap.DistrictSearch"> </script> <style...
2019-12-24 14:08:51 2150 1
原创 Echarts绘制地图带标记tooltip
全国各地区JSON文件网址.agency_information { width: 250px; padding: 5px 0; background: transparent; border-radius: 5px;}.agency_title { min-width: 150px; height: auto; margin-bottom: 6px; fon...
2019-12-24 13:57:14 4823 2
原创 swiper动态加载数据修改数据,loop模式循环
需求:加载页面,请求所有的列表数据竖直显示,超过5个,开始轮播;点击按钮,筛选数据,不足5个的话不轮播,如果超过则开始滚动;swiper轮播HTML <div class="project_list_wrap project_list_wrap2 swiper-container"> <div class="swiper-wrapper"> ...
2019-12-12 16:28:06 4661
原创 事件冒泡与事件捕获
最近面试被问到关于事件冒泡和捕获的知识,大部分都还记得,栽在了IE上面(IE只有冒泡没有捕获),回来记忆,顺便把一些和事件流有关的内容再梳理一遍。我的理解:事件冒泡顾名思义,气泡从小变大,从冒泡起点到越来越大,所以是从目标事件源扩散出去的,一直到HTML根元素,期间遇到的同类型的事件也被自动触发;(IE和常用浏览器都支持)事件捕获从根元素开始,逐渐逐渐缩小范围,直到目标事件源,期间遇到的...
2019-10-09 09:36:39 235
原创 Vue——eventBus使用,重复触发
之前写项目中遇到使用eventBus,兄弟组件之间传值写了个简单的demo测试总结一下新建了一个Busimport Vue from "vue";export default new Vue();Send组件:<template> <div> <div> 我是发送数据的页面</div> <div class="...
2019-09-19 16:09:51 1935 2
原创 canvas-画进度条
var circle01 = document.querySelector("#myCanvas01");drawAll(50, Math.PI, circle01); function drawAll(percent, sR, canvasId) { if (percent < 0 || percent > 100) { ...
2019-09-18 09:36:31 677
原创 Koa2 + MySQL+ Sequelize搭建后台
最近学习koa2 + MySQL时看到 ‘Sequelize’关键词说是管理数据库的,就去google了一下,发现是一个好东西,打开了新的世界!!源码先上为敬Sequelize 是一款比较主流的基于Node异步ORM框架(Object-Relational-Mapping 对象关系映射),具体定义自定搜一下。大致就是在 Node 开发中,避免在代码中直接操作 SQL 语句,并且可以像操作实体...
2019-09-06 16:14:50 4893 2
转载 Git上传文件,常用的忽略策略
git经常上传文件时,可以设置忽略掉哪些文件,这些文件就不会被git所管理,通常是node_modules文件夹和一些自定义账号密码配置文件1、在需要创建 .gitignore 文件的文件夹, 右键选择Git Bash 进入命令行,进入项目所在目录。2、输入 touch .gitignore ,生成“.gitignore”文件。3、在”.gitignore” 文件里输入你要忽略的文件夹及其文...
2019-09-06 15:05:11 305
原创 vue+nginx设置跨域
vue项目中的配置以vue-cli搭建的项目为例, 在webpack配置文件 /config/index.js, 由于我们是在开发环境下使用,自然而然是要配置在dev里面,找到 proxyTable属性,配置如下:dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxy...
2019-08-26 10:38:28 12065
原创 小程序开发心得
radio 单选框小程序radio和checkbox样式问题选中样式:/* radio未选中时样式 */radio .wx-radio-input{border-radius: 3rpx;height: 26rpx;width: 26rpx;margin-top: -4rpx;/* 自定义样式.... */}/* 自定义样式radio选中时样式 */radio .wx...
2019-08-26 09:54:12 141
原创 日常心得(持续更新)
下拉框&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;select class=&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;selelct&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;
2019-08-26 09:54:05 175
原创 日常心得——css篇
动画循环往返.icon_delivery_man { position: absolute; top: 130px; left: 20px; display: inline-block; width: 42px; height: 41px; background: url("../images/lj/icon-electrombile2.p...
2019-08-26 09:53:55 272
原创 日常心得——js&jq
jq中使用点击事件嵌套重复,多次触发可以在触发前先解绑点击事件;$('div').off('click').on('click',function(){})swiper竖直循环var mySwiper1 = new Swiper('.div', { direction: 'vertical', autoplay: { delay:...
2019-08-26 09:53:47 367
原创 面试题,哈哈哈哈!
function getPersonInfo(one, two, three) { console.log(one); console.log(two); console.log(three);}const person = "Lydia";const age = 21;getPersonInfo`${person} is ${age} years old`;//['',...
2019-08-26 09:53:35 1064
原创 Vue开发注意点
1、给路由绑定点击事件 &lt;a href="javascript:;" @click="linkToServiceAgreement()" class="link_service_agreement"&gt;链接&lt;/a&gt; methods:{ linkToServiceAgreement() {
2019-08-26 09:53:20 257
原创 Vue——父子组件间异步动态获取数据传递数据时,子组件获取不到值或者延时获取
父子组件传值时,父组件从接口获取数据,通过props传递给子组件。实际情况下:父组件获取数据有时间延迟,传递的props值为空,子组件接收的数据为props默认值父子组件生命周期父组件异步请求数据传递给子组件父子组件接收数据有延迟父子组件生命周期对比一、加载渲染过程父beforeCreate->父created->父beforeMount->子beforeCreate...
2019-08-14 13:52:33 14933 4
原创 插件——时间返回类似 'xx天前xx小时前'
/*** @Date: 2019-08-14 11:44:46* @param 指定一个时间戳 setTime * @author lg* @desc: 返回类似几天前几小时前**/var Time = { // 获取当前时间戳 getUnix: function () { var date = new Date(); return d...
2019-08-14 11:46:23 166
原创 vue+axios+webpack+node配置跨域(用node写代理服务器)
用node设置代理服务器之间是没有跨域问题的const http = require('http');const request = require('request');const hostname = '127.0.0.1';const port = 8010;const interURL = 'https://www.easy-mock.com/mock/5d4b7d772b...
2019-08-08 15:12:54 289
转载 vue+axios+webpack配置跨域(axios配置)
什么是跨域?浏览器有一个叫做同源策略的东西。同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。同源策略规定了如果两个页面的协议、域名、端口中任意一个不相等,就认为两个页面具有不相同的源两个不同源的页面资源交互会受到浏览器的同源策略限制,也就出现了我们说的跨域问题。配置proxyTable解决跨域问题我们使用vue-cli...
2019-08-08 14:02:45 912
原创 easyMock+mockJs+postMan搭建测试接口
一、easyMockeasy mock(https://www.easy-mock.com/docs)平台的主要作用,是用来模拟生成json文件,在后端未到位的情况下,为前端调试提供数据。vue项目使用axios中:1、是在开发时将ajax请求,直接指向https://easy-mock.com/mock/59a578f77b7ac306cc2fa863/api这样的远程接口,进行调试2、...
2019-08-08 13:40:04 1386
原创 Vue插件——组件间通信bus
vue中父子间通信常用的有 ( $on 和 $emit 搭配props);兄弟间通信可以通过使用一个空的Vue实例作为中央事件总线,就是常说的bus;或者用vuex(小项目没必要使用);bus在npm上网址以下是自己看书,照例写的bus小插件:bus精华点就是,利用一个空的vue实例作为中央事件总线,这样无论是组件树的哪一层都能通信到,使用$emit, $on, $off 分别来分发、监...
2019-08-03 13:59:27 468
转载 Vue——数组
原文链接Vue为了增加列表渲染的功能,增加了一组观察数组的方法,而且可以显示一个数组的过滤或排序的副本。变异方法Vue 包含一组观察数组的变异方法,它们将会触发视图更新,包含以下方法:push() 接收任意数量的参数,把它们逐个添加到数组末尾,并返回修改后数组的长度pop() 从数组末尾移除最后一项,减少数组的length值,然后返回移除的项shift() 移除数组中的第一个项并返回该...
2019-07-31 11:30:11 14190
原创 Js——异步方法宏任务(task)与微任务(microtask)
异步方法中的宏任务与微任务JS的任务事件执行机制:当执行引擎在主线程方法执行完毕,到达空闲状态时,会从任务队列中按顺序获取任务来执行(task-> task-> task…);浏览器为了能够使得 JS 内部 task(任务) 与 DOM 任务能够有序的执行,会在一个 task 执行结束后,在下一个 task 执行开始前,对页面进行重新渲染 (task-> 渲染-> tas...
2019-07-29 10:51:40 3171 2
原创 点击页面出现小爱心特效
无意间看到的一个小特效:点击页面任意处,出现一个逐渐消失的小爱心! function (e, t, a) { function n() { c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-...
2019-07-18 13:40:54 1558
转载 CSS——了解BFC
Formatting context 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。最常见的 Formatting context 有 Block fomatting context (简称BFC)和 Inline formatting context (简称IFC)。Block formatt...
2019-04-10 13:50:24 140
转载 移动端适配——pt,px
pt:逻辑像素或逻辑分辨率相当于我们用浏览器模拟调试移动端时看到的各手机的像素,如下图iPhone6看到的宽高375*667,这个就是逻辑像素,也可以看做是一个长度单位: px:物理像素或物理分辨率,又被称为设备像素下图的750*1334就是物理像素,它不能看做是一个长度单位,可以看做是一个点,即像素点 结论:pt和px的关系就是—— 1pt 里面有几个 像素点...
2019-04-10 10:57:49 3706
原创 vue——评论的展开全文和收起
描述:对于评论的内容,初始规定行数(或者规定字数)显示,尾部有个“全文、收起”按钮,可以有收起展开效果;HTML部分: <ul class="expert-coach-explain-wrap"> <li v-for="(item, index) in coachExplainList" :key="index"> <div clas...
2019-03-28 16:18:04 2402
原创 CSS——inline-block引起的空白间隙
使用display:inline-block;布局时,如果遇到换行/空格符等其他字符时,会有出现空白间隙; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport&qu
2019-03-04 15:46:15 353
原创 Vue——注意点
mode: ‘history’,//去除url中默认的#active-class:‘active’;设置路由激活后,对应的样式; &lt;router-link :to="/home" active-class="active"&gt;首页&lt;/router-link&gt;验证码倒计时 &lt;a class="n
2018-12-28 18:54:08 537
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人