- 博客(41)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 js 驼峰命名和下划线命名的转换
/** * @description:下划线转为驼峰命名 * @params 驼峰格式名字 * **/function toHump(name) { return name.replace(/\_(\w)/g, function(all, letter){ return letter.toUpperCase(); });}/** * @description:驼峰命名转为下划线 * @params 驼
2021-10-20 10:22:49
222
原创 获取昨日、近7天、近30天、本周、本月日期，回显到element的日期选择
在vue项目中，先在utils工具文件夹，新建date.js文件function timeForMat(count) { // 拼接时间 const time1 = new Date(); const time2 = new Date(); if (count === 1) { time1.setTime(time1.getTime() - 24 * 60 * 60 * 1000); } else { if (count >= 0) { time1.s
2021-09-28 13:58:01
512
原创 浅谈前端工程化体系
前端架构：1.前端工程化web应用复杂度的增加，特别是单页面应用的风靡。组件化，工程化，自动化成了前端发展的趋势。或者说一线的互联网公司就是这么做的。每个前端团队都在打造自己的前端开发体系，这通常是一个东拼西凑，逐渐磨合的过程，在技术发展日新月异的今天，这样的过程真的是不可抽象和复制的么？本文希望能够通过系统的拆解前端开发体系为大家提供体系设计思路参考。前端工程的3个阶段第一阶段： 库/框架选型Animate.cssjQueryvue.jsunderscore.jsReact.jsBa
2021-07-01 15:58:06
454
原创 element下拉框，滚动加载更多数据
element下拉框没有自带下拉加载更多数据的操作，所以需要自定义一些指令第一步：新建一个JSimport Vue from 'vue'Vue.directive('loadmore', { bind (el, binding) { // 获取element-ui定义好的scroll盒子 const SELECTWRAP_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap') SE
2020-09-27 10:31:15
1800
3
原创 vue+element实现弹窗拖拽
因为element没有自带弹窗拖拽效果，所以就需要自定义指令去控制可能写的不好，请多指教首先新建一个js,作为指令import Vue from 'vue'; /**** *自定义弹窗拖拽指令 *Autor USER-T * time 2020-05-13 **** */// v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHe
2020-05-13 11:01:10
942
5
原创 vue+element实现表格上移下移
之前为了实现功能，网上找了一大堆各位前辈写的代码，还是整合了一下，适用于自己的代码功能主要实现依赖vue的this.$set(target,obj,resourse) <el-table v-if="testShow" ref="interfaceTable" class="com-table" :height="tableHeight" v-loading="loading"
2020-05-12 16:54:06
785
2
原创 vue+element 获取中文首字母，转换成大写
//前言import Vue from "vue";export class oMultiDiff extends Vue { PinYin = { a: "\u554a\u963f\u9515", ai: "\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u96...
2020-04-26 21:44:35
29266
原创 vue+element模板导入excel文件，生成对应的table
//因项目需求，在前端业务组，需要提供公共方法，就花了点时间研究//1.使用直接复制整个文件//需用在父页面引入使用模块//调用方式<ImportExcel @changeExcl="changeExcl" @closeExcl="closeExcl" @uploadExcl="uploadExcl" @downloadExcl="downloadExcl" :upload="u...
2020-04-09 21:56:00
1228
原创 中国标准时间转换成yyyy-mm-dd格式
还是直接看代码吧，不喜勿喷//日期转换 dateFormFunc(val){ var d = new Date(val); var month = d.getMonth()+1; //这里如果，传给后端需要做判断是否小于0 month = month < 10 ? "0" + month : month;return...
2020-04-09 21:47:52
1791
原创 vue+element-ui，前端控制显示隐藏列
因为功能需要，element框架目前没有开放此功能，所以对比element发布的最新版本，做了点尝试，结果还不错先看html代码<el-popover placement="bottom" width="200" trigger="click"> <div style="padding:4px;" v-for="item in colSelect" :ke...
2020-03-02 17:38:34
2180
6
原创 2020前端必备的学习知识点
2020年对于程序员行业来说是个机遇之年， 因为疫情原因，好多小型点的公司面临倒闭； 所以这时候又是一波跳槽的高峰期，那对于自己来多必备一些知识和能力让自己比别人有更多的优势，是必不可少的，所以，这两天花了点时间整理了点知识点，希望大家能用到这是资源地址的截图，目前就整理了一部分，后续会陆续更新，欢迎大家留言需要的资料，互相交流资源网站地址，点击可跳转...
2020-02-28 13:51:25
492
原创 与dataTable和jqTable其名的flexigrid.js
*按照国际惯例先闲聊几句哈，各位使用过的朋友有没有觉得这个框架很古老， 当然古老了，这是07年左右出来的table框架，因为公司不是做互联网项目的，所以有幸接触到这个古老的框架，刚刚交付完项目，闲来无事，就给自己做点笔录，不喜勿喷哈*``先直接看代码哈 $("#lichengDetailTable").flexigrid({ url: modelConfig.http, da...
2020-02-21 15:42:12
367
转载 世界上最早的区块链项目~知道是什么吗？
近区块链这个玩意又被市场搞的很是火热，相信大部分人都不太清楚这玩意到底是怎么样的一个概念，它来了，它来了，它到底是啥~ 国家都开始发文支持了，下面是一个通俗易懂的例子：中国麻将。 甲首先发起一个申请，我要打麻将，组建一个麻将局，这就相当于创建一个区块，这个区块会被广播给乙、丙、丁、A、B、C、D……在打麻将的过程中，上述四个人不断的 摸牌、打牌，这个可以理解成挖矿，通过什么来挖矿？麻将机...
2019-12-25 11:24:46
1301
原创 在原生ios和android中嵌套h5, h5调用原生的方法，进行跳转
首先做一个终端判断var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端然后直接上代码function setupWebViewJavascript...
2019-12-13 11:13:02
1927
原创 js判断两个时间段，是否有交集
js判断两个时间段，是否有交集1.时间格式 HH:MMvar a = '第一个开始时间'var b = '第二个结束时间'var c = '第二个开始时间'var b = '第二个结束时间' checkTime(a, b, x, y) { var times1 = [], times2 = []; if (a < b) { //未...
2019-11-23 10:50:11
3100
原创 微信公众号-获取地理位置-打开内置地图
首先提醒同学，先去研究哈官网，了解点基础参数然后，看这里的代码比较容易这是微信的配置文件，至于里面参数，如何拿到，我上篇文章，微信分享有详细说明，这里不做解释哈 wx.config({ debug: false, appId: res.data.appId, timestamp: res.data.timestamp, ...
2019-11-13 17:30:14
2500
原创 js原生--可拖拽按钮
直接看代码吧```javascriptvar bodyWidth=document.body.clientWidth; //获取文档宽度 document.getElementById("btnHome").style.left=bodyWidth-63+"px"; //getOffsetSum 获取相对与document的偏移量 function getOffset...
2019-11-06 15:45:11
1174
原创 微信公众号开发--h5定位索引列表
直接看效果吧![在这里插入图片描述](https://img-blog.csdnimg.cn/20191106110645968.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODY0MzIw,size_16,color_F...
2019-11-06 11:10:51
1433
转载 android5.0加载h5页面显示空白
我这个问题出现在android5.0以上—android6.0以下的机子上， 其他版本没问题。客服给我反馈说这些问题全部出现在 oppo、vivo上面，都是android5.1.1的版本上。解决方法：启用mixed content在Android5.0中，WebView方面做了些修改，如果你的系统target api为21以上:系统默认禁止了mixed content和第三方cooki...
2019-11-03 15:46:25
2264
原创 canvas实现背景图和二维码合并-生成海报
话不多说，只是想分享踩坑的经验，若有不好，请谅解//若不嫌弃，可以直接拿过去复制，只需要改成自己的图片地址就行//记住二维码需要动态计算宽高//html代码 <div id="qrcode"> </div> <div id="canbox"> <canvas id="myCanvas" width="" height="">...
2019-11-03 15:40:45
2977
5
原创 微信浏览器-公众号，实现地图定位
前段时间，再公司的要求下，做了一个类似商城的微信公众号；其中需要获取当前用户的定位，便研究了下其中的坑我相信有很多的同行，都会自认为的以为都是微信内置浏览器，android和ios的展示效果和对于js的支持度，都是一样的。其实不然，接下来就把我踩坑的过程告诉给大家原来两系统对于地图的插件的支持是不一样的，比如ios系统支持–腾讯地图，android支持百度地图直接上代码咯//先全局设置两...
2019-11-03 15:33:39
1763
原创 原生js,实现上拉加载--下拉刷新
//--------------上拉加载更多--------------- //获取滚动条当前的位置 function getScrollTop() { var scrollTop = 0; if(document.documentElement &&...
2019-10-23 20:03:10
1299
原创 时间戳转为正常日期格式(vue管道用法)
管道模块 //转换日期格式 timestampToTime(timestamp) { var date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = (date.getMonth()+1 <...
2019-10-07 10:08:57
2525
原创 15道 Vue 面试题，内含详细讲解（涵盖入门到精通，自测 Vue 掌握程度）
本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度。本文章节结构以从易到难进行组织，建议读者按章节顺序进行阅读，当然大佬级别的请随意。希望读者读完本文，有一定的启发思考，也能对自己的 Vue 掌握程度有一定的认识，对缺漏之处进行弥补，对 Vue 有更好的掌握。文章最后一题，欢迎同学们积极回答，分享各自的...
2019-09-19 15:38:06
1066
2
原创 Google 员工吐槽 TypeScript ：类型检查不太好
近日名为 Evan Martin 的 Google 员工在 TypeScript 的 GitHub repo 中发表了对 TypeScript 的“吐槽”（就是提了一个 issue），用吐槽来表达可能不太合适，准确来说是对 TypeScript 3.5 的使用反馈。虽然 TypeScript 3.5 发布已有三个月（最新稳定版 3.6 已于上月月底发布），但 Google 开发团队最近才升级至...
2019-09-19 09:45:42
842
原创 2019年最全面最新200+道JavaScript基础面试题（上）
在此之前，我也跟大家分享过很多的面试题，今天我要跟大家分享的这个JavaScript的面试一共有200多道，适用于前端学习与前端求职者，面试刷题，里面涵盖的内容比较广，今天只是整理了部分面试题，希望对你们有所帮助01、JavaSript有哪些垃圾回收机制？标记清除（ mark and sweep )这是JavaScr i pt 最常见的垃圾回收方式。当变量进入执行环境的时候，比如在函数中声明...
2019-09-16 09:50:25
3877
原创 React高频面试题梳理，看看面试怎么答？
前段时间准备面试，总结了很多，下面是我在准备React面试时，结合自己的实际面试经历，以及我以前源码分析的文章，总结出来的一些 React高频面试题目。以前我写的源码分析的文章，并没有很多人看，因为大部分情况下你不需要深入源码也能懂得其中原理，并解决实际问题，这也是我总结这些面试题的原因，让你在更短的时间内获得更大的收益。由于是以面试题的角度来讨论，所以某些点可能不能非常深入，我在问题下面都贴...
2019-09-12 17:29:22
1520
原创 计算倒计时 xx天-xx时--xx分--xx秒
这是之前做CRM系统的时候，刚好碰到业务需要，便研究了哈这个前提是后台返回的时候 countdown>0 并且是秒数 或者毫秒数如果是时间戳便需要多一步转换的过程var _this = this;// console.log(544,_this.tabledata)setInterval(function(){for(var i=0;i<_this.tabledata.l...
2019-09-12 15:31:27
1062
原创 浏览器垃圾回收机制与 Vue 项目内存泄漏场景分析
介绍浏览器的 Javascript 具有自动垃圾回收机制(GC:Garbage Collecation)，也就是说，执行环境会负责管理代码执行过程中使用的内存。其原理是：垃圾收集器会定期（周期性）找出那些不在继续使用的变量，然后释放其内存。但是这个过程不是实时的，因为其开销比较大并且 GC 时停止响应其他操作，所以垃圾回收器会按照固定的时间间隔周期性的执行。不再使用的变量也就是生命周期结束...
2019-09-12 11:00:29
1546
原创 websocket链接使用方法
这是在vue中的使用，JQ也可以使用，只需要修改成JQ语法就行initWebSocket(){ //初始化weosocket let userID = sessionStorage.getItem(‘userInfo’); const wsuri = “ws://test1.pengchangke.com.cn:30007/boss/”+userID;//ws地址...
2019-09-11 16:25:11
1960
原创 js 判断当前号数是否在本周
// 判断时间戳是否在本周isWeek:function (time) { // 当前时间 var timestamp = Date.parse(new Date()); var serverDate = new Date(timestamp); //本周周日的的时间 &...
2019-09-11 16:22:54
1192
原创 还在纠结异步和同步吗? 这里有最完整JS 异步解决方案的发展历程以及优缺点
1. 回调函数（callback）setTimeout(() => {// callback 函数体}, 1000)缺点：回调地狱，不能用 try catch 捕获错误，不能 return回调地狱的根本问题在于：缺乏顺序性： 回调地狱导致的调试困难，和大脑的思维方式不符嵌套函数存在耦合性，一旦有所改动，就会牵一发而动全身，即（控制反转）嵌套函数过多的多话，很难处理错误aja...
2019-09-11 15:04:38
977
原创 setTimeout、Promise、Async/Await 的区别
1. setTimeoutconsole.log(‘script start’) //1. 打印 script startsetTimeout(function(){console.log(‘settimeout’) // 4. 打印 settimeout}) // 2. 调用 setTimeout 函数，并定义其完成后执行的回调函数console.log(‘script end’) ...
2019-09-11 15:00:23
860
原创 非常实用的移动web开发资源整理
一、meta基础知识01、H5页面窗口自动调整到设备宽度，并禁止用户缩放页面**02**、忽略将页面中的数字识别为电话号码**03**、忽略Android平台中对邮箱地址的识别**04**、当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari**05**、体验demo，解决在主屏幕打开页面后，点击页面链接不会跳转到系统自带的Safarihttp://peun...
2019-09-11 09:55:36
1046
原创 react的基础环境搭建
因为个人原因，所以对react这方面的技术，比较热爱。 抽点时间整理了点环境搭建的文档，希望能有所帮助.react现在在市面上，分为 React-WEb 和 React -Native分别写了部分的环境搭建/React Native///安装yarn代替node : npm install -g yarn react-native-cli//使用镜像：yarn config set r...
2019-09-10 10:32:01
723
原创 各种git骚操作都在这里
最近闲来无事，整理了点git的操作命令，希望有帮助哈初始化配置git config --global user.name ‘用户名’ //设置用户名git config --global user.email ‘邮箱’ //设置邮箱ssh-keygen -t rsa -C ‘邮箱’ //生成秘钥cat ~/.s...
2019-09-09 15:07:30
1196
原创 还在纠结小程序框架? 最火前端小程序技术选型，都在这里
这几天空下来，整理了部分需求，简单的写了点文档，供大家学习，希望能提出宝贵意见哈1.小程序是什么？ 区别 是什么？小程序是一种无需下载安装，即可使用的手机应用。只需要扫描二维码，或是搜一搜，就能立即使用。与APP不同的是，小程序无需下载安装、无需卸载、用完即走，那么意味着也不占手机内存，内存消耗小，响应速度快.2.小程序开发痛点？1.频繁调用 setData及 setData过程中页面跳...
2019-09-09 14:58:56
2043
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人