- 博客(155)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 几个时刻警醒自己或他人的忠告
一、在校期间，一定要好好学习，打扎实基础现在的培训班和网课满大街都是，好像学习编程成了一件很简单的事。但是等到工作中就会发现。工作中遇到的问题，往往不是直接编程可以解决，往往是一个复杂的体系，这时候，把现实问题转化成IT方案的能力就会变得极其重要。而这种能力，一定是建立在对整体的信息体系结构的理解上的。所以，那些数学，数据结构，计算机原理，网络基础，数据库基础，软件工程，看起来好像和早期的工作没用，但是他就埋藏在你的思维的深处，随着工作经验的增加和处理的问题复杂度的增加，这些知识就慢慢的浮现出来，产生价值
2020-09-16 15:23:25
351
原创 解决h5视频层级过高问题
h5 video层级太高如何解决项目中用到h5的video组件发现video的层级过高无法遮盖,所以查阅后加了一些字段 <video v-if='lessonObj.type==="video"' :src="lessonObj.liveLink" :poster="lessonObj.cover" controls class="topBanner" webkit-playsinl...
2019-12-15 22:10:37
5530
原创 VScode使用教程大全，看完你一定会谢谢我的
作为前端开发的我，之前的开发过程中一直用的是Atom这一款IDE，再配上了好看的主题插件很nice，Atom的界面是真心好看，但是插件装多了你们真的不觉得卡吗，VS Code比Atom更加的流畅，比webstorm更轻量级。一次偶然换的工作后，项目组要求统一IDE，让我了解到了VS Code，这边简单介绍下VS Code日常开发的需求。VS Code精选主题主题插件安...
2019-06-21 13:44:56
138859
5
原创 element-UI中table表格的@row-click事件和@selection-change耦合了
<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @row-click="openDetails" @selection-change="handleSelectionChange"> <el-table-co
2018-08-02 15:00:08
10723
原创 零基础最详细html和css
1.除IE外通用写法类名或标签名::placeholder {color: red;}2.加兼容前缀写法css超出一行显示省略号：给定宽度(width:100px)、超出隐藏（overflow:hidden）、强制在同一行显示（white-space: nowrap）、省略号（text-overflow:ellipsis）——常见字体单位——1.em移动端常用的字体尺寸单位，相当于“倍”，比如设置当前的div的字体大小为1.5em，则当前的div的字体大小为：当前di
2021-05-12 09:10:59
1024
原创 前端高级工程师最全面试题-持续更新
1，promise.all 异常处理/**通常处理多个请求的时候我们会用Promise.all()方法。该方法指当所有在可迭代参数中的 promises 已完成，或者第一个传递的 promise（指 reject）失败时，返回 promise。但是当其中任何一个被拒绝的话。主Promise.all([..])就会立即被拒绝，并丢弃来自其他所有promis的全部结果。*/ var p1 = Promise.resolve(3).catch(function(err) { re.
2021-04-22 17:01:49
5589
原创 vue框架常见的问题和解决方法
最近使用vue进行前后端分离开发微信公众号，不断摸索踩坑之后，总结出如下几点vue项目开发中常见的问题及解决办法。定时器问题rem文件的导入问题Vue-Awesome-Swiper基本能解决你所有的轮播需求fastClick的300ms延迟解决方案组件中写选项的顺序列表进入详情页的传参问题。本地开发环境请求服务器接口跨域的问题axios封装和api接口的统一管理打包后生成很大的.map文件的问题UI库的按需加载如何优雅的只在当前页面中覆盖ui库中组件的样式2.列表进入详情页传.
2021-04-22 14:54:44
981
原创 js封装函数方法
1，数组去重function unique1(arr) { return [...new Set(arr)]}function unique2(arr) { var obj = {}; return arr.filter(ele => { if (!obj[ele]) { obj[ele] = true; return true; } })}function unique3.
2021-04-20 13:28:53
292
原创 写这么骚的代码会不会被胖揍
写这么sao的代码，不怕被揍么？曾经，我接手了一份大佬的代码，里面充满了各种“骚操作”，还不加注释那种，短短几行的函数花了很久才弄懂。这世上，“只有魔法才能对抗魔法”，于是后来，翻阅各种“黑魔法”的秘籍，总结了一些比较实用的“骚操作”，让我们装X的同时，提升代码运行的效率（请配合健身房一起使用）。位运算JavaScript 中最臭名昭著的 Bug 就是 0.1 + 0.2 !== 0.3，因为精度的问题，导致所有的浮点运算都是不安全的，具体原因可详见《0.1 + 0.2不等于0.3？为什么Java
2021-03-17 14:43:18
105
原创 有哪些道理你后悔没有早点知道？
1、别人对你发脾气，不要硬碰硬。让他先发泄情绪，等他冷静下来了，会自然的感到愧疚。如果过后他还是无理取闹、变本加厉，你再反抗也不迟。2、玩笑归玩笑，但不要拿别人的缺点开玩笑。说者无心，但听的人就不一定觉得你在开玩笑。3、不要因为社会险恶就放弃你的善良，同时给你的善良加上同等分量的锋芒。4、往往第一个买你产品的是陌生人，而不会相信你能成功的反而是身边的人。在你没发迹之前，所有的低谷，你都会一个人走。在你发迹之后，所有好听的话，都要选择性的过滤。5、心地善良的人，总会从小细节去肯定他人.
2021-03-11 17:09:02
413
2
原创 antd的select下拉框因数据量大造成卡顿的解决方法
想要优化肯定要知道为什么会卡，初步判断就是数据量过大导致渲染option组件的时间过长导致卡顿，于是想要不卡只能限制渲染的数据数量。先从后台拿到数据，保存到变量fundList中（作为数据源，永远不改动），然后取其中的前100条数据保存到fundList_中，用来下拉框的数据渲染{fundList_.map(item => <Option key={item.fund} value={item.fund}>{item.name}</Option>)}select组.
2020-11-19 13:31:25
1066
原创 最强的element ui自定义表单验证
直接上代码<el-dialog title="新增学生" :visible.sync="addStudent" width="400px"> <el-form :model="addDate" :rules="addRules" ref="addForm"> <el-form-item label="账号" :label-width="formLabelWidth" prop="codeName">.
2020-08-03 13:43:45
249
原创 canvas裁切头像
#canvas画圆形图片brandPosster () {var diff1=60,diff2=30let data = this.data.infolet ctx = wx.createCanvasContext('c', this)let arr = [`${this.data.OSS_URL}/poster-bg.png`, data.logo, `${this.dat...
2020-04-26 00:25:16
367
原创 js之我工作中所使用的工具方法大全
获取url地址参数getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for(var i = 0; i < vars.length; i++) { var pair = vars[i].split("=");...
2020-02-13 14:54:40
160
原创 freemarker study
1，freemarker是一款模板引擎，一种基于模板的、用来生成输出文本的通用工具。类似模板引擎还有Velocity，Common Template等。对于java web开发来说，使用FreeMarker模板，可以将java代码从页面中分离出来。开发人员只需关注业务逻辑代码，而由页面设计人员去设计显示效果，两类人员各司其职，发挥其擅长的一面。FreeMarker注释：类似HTML的注释，用&...
2020-02-04 17:47:46
194
原创 h5音频播放问题
1,使用$event可以获取元素在页面上的位置,2,如何让h5音乐自动播放autoPlayAudio (id) { var video = document.getElementById(id)// video标签id=media if (window.WeixinJSBridge) { // eslint-disable-next-line n...
2020-01-20 15:27:01
241
原创 js之防抖与节流
浏览器的 resize、scroll、keypress、mousemove 等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低性能。所以需要对这类事件进行调用次数的限制。防抖（debounce）作用是在短时间内多次触发同一个函数，只执行最后一次，或者只在开始时执行。以用户拖拽改变窗口大小，触发resize事件为例，在这过程中窗口的大小一直在改变，所以如果我们在re...
2019-12-24 14:04:29
195
原创 mobile terminals touch event problems
这两天自己在写一个手机网页，用到了触屏滑动的特效，就是往右滑动的时候左侧隐藏的菜单从左边划出来。做完之后在手机原生浏览器中运行正常，但在QQ和微信中打开，发现touchmove只会触发一次，而且touchend也经常不触发。之后百度了一下这个问题，原因是主要是由于200ms超时导致内核不一定会一直处理touchmove事件，一旦超时会将后续所有的事件转交给UI处理，导致touchmove不...
2019-12-19 09:38:32
130
原创 axios cancel repeated functions
axios如何取消重复请求javascript axios es6阅读约 9 分钟在开发中，经常会遇到接口重复请求导致的各种问题。对于重复的get请求，会导致页面更新多次，发生页面抖动的现象，影响用户体验。对于重复的post请求，会导致在服务端生成两次记录（例如生成两条订单记录）。如果当前页面请求还未响应完成，就切换到了下一个路由，那么这些请求直到响应返回才会中止。无论从用户体验或...
2019-12-17 18:23:31
257
原创 ES6-rest
(1) Rest 参数接受函数的多余参数，组成一个数组，放在形参的最后，形式如下：function func(a, b, ...theArgs){ // ...}(2) Rest参数和arguments对象的区别：rest参数只包括那些没有给出名称的参数，arguments包含所有参数arguments 对象不是真正的数组，而rest 参数是数组实例，可以直接应用sort, ...
2019-12-11 20:15:16
182
原创 h5,vue ,elementui,vant组件项目踩坑
使用vue的v-html属性后.想改变富文本里面的样式,不能把样式写在scope里面想改变vant组件的样式只能用css语法去更改样式,同时注意层级关系
2019-12-02 10:11:53
2925
原创 Dream(励志英文演讲)
I don’t know what that dream is that you have, I don’t care how disappointing it might have been as you’ve been working toward that dream, but that dream that you’re holding in your mind, that it’s ...
2019-11-26 14:24:50
2151
原创 elementUi合并单元格
<template> <div class="app-container region-container"> <el-row :gutter="20"> <el-col :span="24" class="right-col"> <!-- 右侧列表 --> <div>...
2019-11-22 23:07:25
336
1
原创 elementui设置当天之前的三个月可选
elementui设置当天之前的三个月可选pickerOptions1: { disabledDate (time) { let curDate = (new Date()).getTime() let three = 90 * 24 * 3600 * 1000 let threeMonths = curDate - t...
2019-11-21 17:50:24
1134
原创 js实现飘飘飞舞的虫子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> html, body { width: 100%; ...
2019-11-15 11:27:42
120
原创 vue实现搜索关键字高亮
Recently i got a development assignment,it is interesting,below is a effect picturewxml<view class="resultBox" wx:if='{{keyword}}'> <view wx:for='{{searchList}}' wx:for-item='ite...
2019-10-25 11:06:49
832
原创 vue + typescript 项目起手
安装vue-cli 安装ts依赖 配置 webpack 添加 tsconfig.json 添加 tslint.json 让 ts 识别 .vue 改造 .vue文件什么是typescript1,静态类型检查2,IDE 智能提示3,代码重构4,可读性静态类型检查可以避免很多不必要的错误, 不用在调试的时候才发现问题那接下来从 vue-cli 开始配置 ts，看看事实...
2019-10-22 10:19:20
831
原创 elementUi实现table表格拖拽效果
第一步需要安装一下sortable的依赖npm i -S vuedraggable使用:import Sortable from 'sortablejs';接下来是方法调用 drag() { const el = document.querySelectorAll('.el-table__body-wrapper > table > tbody')...
2019-10-21 10:59:58
1192
原创 VUE的echart图表实现自适应窗口大小变化
需求：在PC端开发含图表展示的页面时，需要考虑用户调整浏览器窗口大小后图表能够根据窗口大小自适应变化。废话不多说直接来代码吧html<template> <div class="dashboard-container"> <!-- <div class="dashboard-text">name:{{name}}</div&...
2019-10-17 14:32:14
770
原创 小程序授权登录的修改wx.getUserInfo
最近一直忙着项目没有时间打理我的小程序，有网友反馈wx.getUserInfo官方文档中做了一些调整，今天有空看了下文档，果然变了，所以抽时间优化了下代码之前的授权登录优化这里看下原来的这篇文章,主要是在需要的时候才弹出用户授权，同时通过wx.openSetting来实现用户拒绝后的二次授权，因为授权获取用户基本信息一旦拒绝之后小程序就不会再出现授权窗口。但现在wx.getUserInfo该...
2019-10-11 13:39:33
587
原创 webpack vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin
解决：在webpack.config.js中加入const VueLoaderPlugin = require('vue-loader/lib/plugin');module.exports = { entry: path.join(__dirname, './src/main.js'), output: { path: path.join(__dirname,...
2019-10-09 13:26:53
78
原创 小程序云开发解析获取手机号
小程序云开发解析获取手机号// 云函数入口文件const cloud = require('wx-server-sdk')const request = require('request')const jwt = require('jsonwebtoken')cloud.init()const db = cloud.database()const crypto = req...
2019-10-08 14:23:11
732
原创 小程序video组件神坑
1、微信小程序之video组件中controls show-play-btn show-fullscreen-btn show-center-play-btn show-progress等属性你设置false怎么也无法隐藏，后面还是看到官方解决卡顿时说设置属性：custom-cache="{{false}}"，看到没有false竟然有大括号，于是把controls的属性设置成controls=...
2019-09-30 11:42:03
798
原创 ES6 数组循环
一.1. for(let I = 0; I < arr.length; I++)while2. arr.forEach() -->代替普通for循环 三个参数：val当前遍历到的数据，index当前遍历到的数据的序号，arr当前遍历的数组 let arr = ['apple', 'banana', 'orange'];arr.forEach(function(...
2019-09-20 16:08:19
399
原创 小程序canvas画圆形图片
brandPosster () {var diff1=60,diff2=30let data = this.data.infolet ctx = wx.createCanvasContext('c', this)let arr = [`${this.data.OSS_URL}/poster-bg.png`, data.logo, `${this.data.qrcode}`]ct...
2019-09-16 17:03:24
783
原创 手把手教你实现小程序中的自定义组件
之前做小程序开发的时候，对于开发来说比较头疼的莫过于自定义组件了，当时官方对这方面的文档也只是寥寥几句，一笔带过而已，所以写起来真的是非常非常痛苦！！好在微信小程序的库从 1.6.3 开始，官方对于自定义组件这一块有了比较大的变动，首先比较明显的感觉就是文档比以前全多了，有木有！（小程序文档），现在小程序支持简洁的组件化编程，可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中复用，提高...
2019-09-12 16:40:02
158
原创 云开发解析获取手机号
直接cv大法就可以用注意传参// 云函数入口文件const cloud = require('wx-server-sdk')const request = require('request')const jwt = require('jsonwebtoken')cloud.init()const db = cloud.database()const crypto = r...
2019-09-12 10:21:28
651
原创 让vue新手都能弄懂vuex的教程，纯天然超级干货
一.什么是Vuex？1.官方的解释Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。2.个人总结看了上面一段文字我想行大多数人都是晕头转向的，官方的话通常都是晦涩难懂的，因为需要保证权威性和正确性。所有我通过我自己的理解给大家简单的理解一下：所谓的Vuex其实就是一个为Vu...
2019-09-04 15:59:02
189
原创 css实现模糊效果和毛玻璃效果
<img class="blur" src="http://zxpic.imtt.qq.com/zxpic_imtt/2019/09/02/1010/originalimage/101922_2473783333_1_700_435.jpg" />.blur { width: 100px; filter: url(blur.svg#blur); /* FireFox, Chro...
2019-09-02 11:16:14
271
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人