- 博客(46)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 antd table表格可展开单元格按需展开
通过expandedRowRender和rowclassname实现1. 表格结构图中rowclassname代表如果展开单元格没有内容 则 加一个动态类名为no-expend 从而实现隐藏当前行的展开图标2. table数据（模拟数据）3. less样式...
2020-07-27 11:34:44
2421
原创 vue 上传excel 识别excel 转换excel为data数据或转换data数据为excel并导出
本文章基于typescript 和 vue-property-decorator修饰器代码风格实现批量导入 读取Excel表格转换成所需data数据附图------一。1. 首先 项目中引入插件XLSX并注册2. 下图为dom结构。。。。。。。3. 选择文件 调用api方法读取Excel数据。并设置需要读取的thead title（下图读的是三列 账户、用户名和密码）图中定义的xlsclist即为转换的data数据二。将data表格导出成ex...
2020-07-17 12:01:27
1103
原创 可视化数据大屏 （v完整3多功能7开发）----- marsh
可视化数据大屏 。。。实现方式：echarts +vue +各种插件实现功能：1. 数字翻牌滚动效果 (js)2. 地图3d效果3.新增订单闪烁效果4. 数据联动效果5. 列表先滚动后轮播 ( swiper js)...
2019-11-13 16:14:33
382
原创 可视化数据大屏 （完整u多功能v开发x）----- m mn
可视化数据大屏 。。。实现方式：echarts +vue +各种插件实现功能：1. 数字翻牌滚动效果 2. 地图3d效果 3. 自定义轮播点效果 4. 数据联动效果 5. 列表先滚动后轮播 6....
2019-11-13 16:00:30
328
1
原创 自定义地图 生成geojson文件 地图选择器
自定义地图板块。http://datav.aliyun.com/tools/atlas/#&lat=33.521903996156105&lng=104.29849999999999&zoom=3http://geojson.io/#map=2/20.0/0.0
2019-11-13 15:26:40
2646
转载 Mac/iOS开发工程师 常用的软件 史上最全版
LICEcap你知道cocoChina上Demo的动态图你知道怎么做的吗? 对,这个就可以........LICEcap是一款简洁易用的动画屏幕录制软件 ，它可将屏幕录像的内容直接保存为高质量（每帧颜色数量可超过256）GIF动态图片格式。并且支持特别标记鼠标操作动态效果。支持加入时间显示和标题名称帧及自定义热键功能，并自由调整录制窗口大小，你完全可以使用LICEcap录制出GIF图片格式的视频教...
2018-03-14 11:07:59
1108
转载 构建前端异常监控系统
实现功能为了能够达到以上目的，异常监控系统至少应该包含以下几个基础功能：前端错误日志收集，包括通过window.onerror及console.error报出的错误信息；保存开发过程中的自定义错误，如try{}catch(e){}、调用第三方功能错误等；后台保存日志数据(目前通过日志文件进行保存，根据日期，每天一个日志文件保存)；后台对source map压缩文件进行还原定位处理；日志查看，能够通...
2018-03-09 17:35:35
2064
转载 基于Vue实现后台系统权限控制
基于Vue.js 2.x系列 + Element UI 的后台系统权限控制前言：关于vue权限路由的那些事儿……项目背景:现有一个后台管理系统，共存在两种类型的人员①超级管理员（称作admin），②普通用户（称作editor）每种类型的人看到的操作栏并不一样，可以进行的操作也不尽相同，于是就需要程序处理一下各个权限问题。过程说难不难，说简单不算简单【迷茫的前期】上百度、Google，狂搜了好多关于...
2018-03-09 16:40:37
1397
转载 1000多个项目中的十大JavaScript错误以及如何避免
通过统计数据库中的1000多个项目，我们发现在 JavaScript 中最常出现的错误有10个。下面会向大家介绍这些错误发生的原因以及如何防止。对于这些错误发生的次数，我们是通过收集的数据统计得出的。Rollbar 会收集每个项目中的所有错误，并总结每个错误发生的次数，然后通过各个错误的特征进行分组。下图是发生次数最多的10大 JavaScript 错误： 下面开始深入探讨每个错误发生的情况，以...
2018-03-09 16:38:49
290
转载 史上最全的Chrome使用技巧集锦
Chrome的隐身模式先来说说隐身模式的启用方法吧1.键盘快捷：Ctrl + Shift + N。2.在Windows7下的任务栏处，右击“Chrome”图标，会出一个下拉菜单，点击“新建隐身窗口”。3.你还可以在一个正在浏览的页面中，通过“右键点击链接”出现下拉菜单，选择“在隐身窗口中打开链接”，直接进入隐身窗口（如下图）。简单一点的说，Chrome的隐身模式的好处就是保持你的隐私。具体表现在在...
2018-03-09 11:53:22
4879
转载 Chrome调试前端页面的若干技巧
Chrome浏览器不仅可以调试页面、JS、请求、资源、cookie，还可以模拟手机进行调试。自从使用了Chrome，我就离不开它了。下面整理一下如何使用Chrome进行调试。怎样打开Chrome的开发者工具？直接在页面上点击右键，然后选择审查元素：或者在Chrome的工具中找到：或者，你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F1...
2018-03-09 11:43:18
343
转载 chrome控制台的用法（对调试js有很大的作用）
大家都有用过各种类型的浏览器，每种浏览器都有自己的特色，本人拙见，在我用过的浏览器当中，我是最喜欢Chrome的，因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了解，心里难免会想调试的时候用alert不就行了，干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢，下面我就介绍一些调试的入门技巧，让你爱上co...
2018-03-09 11:36:17
1738
转载 浅谈vue+webpack项目调试方法
从webpack开始直接进入正题。有人觉得vue项目难调试，是因为用了webpack。所有代码揉在了一起，还加了很多框架代码，根本不知道怎么下手。所以vue+webpack调试要从webpack入手。我们先从一般情况开始说。-sourcemapwebpack配置提供了devtool这个选项，如果设置为 ‘#source-map’，则可以生成.map文件，在chrome浏览器中调试的时候可以显示源代...
2018-03-09 11:35:34
2852
原创 组件化通用模式
一、前言模式是一种规律或者说有效的方法，所以掌握某一种实践总结出来的模式是快速学习和积累的较好方法，模式的对错需要自己去把握，但是只有量的积累才会发生质的改变，多思考总是好的。(下面的代码实例更多是 React 类似的伪代码，不一定能够执行，函数类似的玩意更容易简单描述问题)二、前端的关注点迁移这篇文章主要介绍现在组件化的一些模式，以及设计组件的一些思考，那么为什么是思考组件呢？因为现在前端开发过...
2018-03-01 15:05:40
623
转载 提高JavaScript性能的30个技巧
今天我们来看看 JavaScript，这项神奇而又复杂的技术。它使网站内容更加丰富，但常常出现的运行性能问题又降低了用户的体验。事实已经证明，最佳的终端用户体验能提升网站的转换率、Google搜索排名以及访问者的满意度。高性能的JavaScript意味着会给您和您的公司带来更多更好的业务。下面我们介绍提高 JavaScript 性能的一些技巧。同样地，这或许可以帮助网站管理员和网站开发人员创建快速...
2018-03-01 15:04:54
235
原创 值得关注的12个很赞的移动开发框架
1. RedbeardRedbeard makes it faster and easier to create native apps without a boilerplate. It’s a complete framework with tons of components.There’s a whole variety of ready to use components for som...
2018-02-08 18:04:58
272
原创 15个最佳的 JavaScript 表单验证库
1. ApproveJSApproveJs doesn’t automatically attach itself to input change events or form submit events. It also doesn’t manipulate the DOM for you by automatically displaying errors. This allows you t...
2018-02-08 17:57:23
259
转载 H5页面适配 iPhoneX，就是这么简单
前言iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素）。笔者通过查阅了一些官方文档，以及结合实际项目中的一些处理经验，整理了一套简单的适配方案分享给大家，希望对大家有所帮助，以下是处理...
2018-02-08 17:53:31
1061
转载 2018前端指南：值得关注的技术分享
1.前言2017悄然过去，2018已经来到。人在进步，技术在发展。2018年前端有哪些领域，技术值得关注，哪些技术会兴起，哪些技术会没落。下面就我个人的判断进行一个预测判断，希望能对大家起到一个参考作用！下面提及的技术，只是建议大家关注，也不是建议大家全部的都要学，而是建议大家按需学，自己觉得哪些需要学，对哪些有兴趣就学哪些！如果大家有什么工具，框架，库觉得可以推荐的，欢迎在评论区提点，让大家相互...
2018-02-08 17:49:59
4216
转载 盘点2017年崛起的那些 JS 项目
最受欢迎项目下面是不分类别的 2017 年度最受欢迎 Javascript 项目，如果你时间很紧，看这部分就够了。Vue.js 蝉联冠军 Vue.js 再次强势登顶年度排行榜冠军，今年在 GitHub 上新增了超过 40K 的 star。相较于 2016 年的（26K star），今年 Vue.js 领先排行榜第 2 名（ React ）的优势更大了。那么，是什么令 Vue.js 如此出众？首先...
2018-02-08 17:47:45
2068
转载 Workbox 3.0 – Web 站点轻松做到离线可访问
workbox 是 GoogleChrome 团队推出的一套 Web App 静态资源本地存储的解决方案，该解决方案包含一些 Js 库和构建工具，在 Chrome Submit 2017 上首次隆重面世。而在 workbox 背后则是 Service Worker 和 Cache API 等技术和标准在驱动。在 Workebox 之前，GoogleChrome 团队较早时间推出过 sw-preca...
2018-02-08 17:45:57
1681
转载 Puppeteer的入门教程和实践
出现的背景Chrome59(linux、macos)、 Chrome60(windows)之后，Chrome自带headless(无界面)模式很方便做自动化测试或者爬虫。但是如何和headless模式的Chrome交互则是一个问题。通过启动Chrome时的命令行参数仅能实现简易的启动时初始化操作。Selenium、Webdriver等是一种解决方案，但是往往依赖众多，不够扁平。 Pu
2018-01-19 15:46:34
1083
转载 Immutable 详解及 React 中实践
Shared mutable state is the root of all evil（共享的可变状态是万恶之源）-- Pete Hunt有人说 Immutable 可以给 React 应用带来数十倍的提升，也有人说 Immutable 的引入是近期 JavaScript 中伟大的发明，因为同期 React 太火，它的光芒被掩盖了。这些至少说明 Immutable 是很有价值
2018-01-11 11:32:10
223
翻译 Service Worker 入门
原文：http://www.html5rocks.com/en/tutorials/service-worker/introduction/原生App拥有Web应用通常所不具备的富离线体验，定时的静默更新，消息通知推送等功能。而新的Service workers标准让在Web App上拥有这些功能成为可能。Service Worker 是什么？一个 service wo
2018-01-11 11:26:03
465
翻译 jQuery源码剖析（一）——概览&工具方法
前言其实这剖析jQuery源码系列文章是我自己酝酿很久的想法，当然因为之前的不成熟以及理解不深刻一直不敢提笔写。近期阅读的书籍多，激发我写文章的欲望，于是把这个计划开始实施。为什么要选择jQuery源码，我想对于一个前端开发人员来说，不言自明。jQuery的出现对于众多前端开发人员来说，是一个无比强大的武器。那为什么jQuery如此流行，深得大家喜欢？我认为秘籍就在于jQuery的
2018-01-11 11:24:06
200
翻译 在手机浏览器启动你的app
准备首先需要app进行Schema注册，具体怎么弄，这里就不说了。好弄。原理代码原理是当通过schema方式打开客户端后，手机当前聚焦的视图就不是浏览器了，浏览器就暂时不会执行setTimeout和setInterval方法下面以腾讯微博为例function redirect(){ location.href="TencentWeibo://xxx";
2018-01-11 11:13:31
2797
翻译 Gulp开发教程
Building With Gulp===================原文地址翻译出处原创翻译，有不当的地方欢迎指出。转载请指明出处。谢谢！对网站资源进行优化，并使用不同浏览器测试并不是网站设计过程中最有意思的部分，但是这个过程中的很多重复的任务能够使用正确的工具自动完成，从而使效率大大提高，这是让很多开发者觉得有趣的地方。Gulp是一个构建
2018-01-11 11:10:46
231
转载 后台:nodejs 前台:vue 全栈开发 外卖平台系统
关于一直考虑写一个功能齐全的完整Nodejs项目，但苦于没有找到合适的类型，而且后台系统无法直观的感受到，需要有一个前台项目配合，因此迟迟没有动笔。恰好前一段时间开源了一个vue前端项目，便以此为契机构筑了后台系统。因为前端项目是根据饿了么官网接口写的，所以后台系统也保持了和官网一致的API接口。整个项目分为两部分：前台项目接口、后台管理接口，共60多个。涉及登陆、注册、添
2018-01-11 11:07:34
1069
转载 Vue2 全家桶仿 微信App 项目，支持多人在线聊天和机器人聊天
前言这个项目是利用工作之余写的一个模仿微信app的单页面应用，整个项目包含27个页面，涉及实时群聊，机器人聊天，同学录，朋友圈等等，后续页面还是开发中。写这个项目主要目的是练习和熟悉vue和vuex的配合使用，利用socket.io实现实时聊天。技术栈vue2+vue-router+webpack+vuex+sass+svg构图+es6/7源码地址源码地址：ht
2018-01-11 11:03:39
1443
2
转载 如何为 Vue 项目写单元测试
众所周知，Vue.js 是一个非常牛逼的 JavaScript 框架，对于创建复杂功能的前端项目是非常有用的。不管是什么项目，检查应用是否正常工作，运行是否为预期，是尤为重要的。然而，为了保证业务正常运行，我们的项目，每做一次更新，都要对所有功能做一次回归测试，随着项目的增大，重复的测试工作越来越多，越来越乏味，手工测试将变成一个恶心的事情。正因如此，自动化测试诞生了，它可以随时监测我们的代码是否
2018-01-11 10:58:11
664
原创 【 js 基础 】Javascript “继承”
一、类1、传统的面向类的语言中的类：类／继承 描述了一种代码的组织结构形式。举个例子：“汽车”可以被看作是“交通工具”的一种特例。我们可以定义一个 Vehicle 类和一个 Car 类来对这种关系进行描述。Vehicle 的定义可能包含引擎、载人能力等，也就是 所有交通工具，比如飞机、火车和汽车等都有的通用的功能描述。在对 Car 类进行定义的时候，重复定义“载人能力”是没
2018-01-11 10:55:58
159
原创 放弃console.log，来使用Firefox Debugger吧！
console.log 不是debugger（调试器）。它擅长搞清楚你的JavaScript应用程序在干什么，但是，它仅仅只能输出少量的信息。如果你的代码很复杂，你需要一个恰当的调试器。这就是为什么我们在Firefox DevTools Playground（Firebox开发工具面板）中增加了一个全新的有关调试的部分。我们已经构建了四个的基本课程，课程的主要内容是使用Firefox调试器来检
2018-01-11 10:53:54
334
原创 【 js 基础 】作用域和闭包
一、编译过程常见编译性语言，在程序代码执行之前会经历三个步骤，称为编译。步骤一：分词或者词法分析将由字符组成的字符串分解成有意义的代码块，这些代码块被称为词法单元。例子：var a = 2;这一句通常被分解成为下面这些词法单元：var 、a 、 = 、2、; 。步骤二：解析或者语法分析将词法单元流（数组）转换成一个由元素逐级嵌套所组成的代
2018-01-11 10:51:41
206
原创 【 js 基础 】为什么 call 比 apply 快？
这是一个非常有意思的问题。 在看源码的过程中，总会遇到这样的写法：var triggerEvents = function(events, args) { var ev, i = -1, l = events.length, a1 = args[0], a2 = args[1], a3 = args[2]; switch (args.length) { case 0
2018-01-11 10:46:06
232
vue开发看这篇文章就够了
SegmentFault首页问答头条专栏讲堂发现搜索立即登录免费注册在 SegmentFault，学习技能、解决问题每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。免费注册 立即登录
2018-01-04 15:53:20
1967
原创 15个最佳的 JavaScript 表单验证库
客户端验证在任何项目都是不够的，因为 JavaScript 可以直接忽略，人们可以提交请求到服务器。 然而这并不意味着客户端验证都没必要了，很多时候我们需要在用户提交到服务器之前给予提示。JavaScript 表单验证库允许开发人员自定义样式、错误消息和样式以及简化验证规则的创建。在本文中，您将找到最好的15个 JavaScript 表单验证库，可以帮助你让表单验证对用户更友好的和美观
2018-01-04 11:03:51
505
转载 使用webpack提升vue应用的4种方式
webpack是开发Vue单页应用必不可少的工具，它能管理复杂的构建步骤，并且优化你的应用大小和性能, 使你的开发工作流更加简单。在这篇文章中，我将解释使用webpack提升你的Vue应用的4种方式，包括：单文件组件优化Vue构建过程浏览器缓存管理代码分离关于vue-cli如果你在使用 vue-cli 提供的模板来
2018-01-04 11:01:55
1832
原创 手写签名插件—jSignature
jSignature 是一个通过捕捉笔画的矢量轮廓输出多种格式数据的jQuery插件，通过该插件我们可以实现绘画板、手写签名等功能。使用该插件需要引入jQuery和jSignature.js，首先初始化jSignature： var $signature = $("#signature").jSignature();接下来即可使用插件提供的一些常见的操作：（1）、重置画布 $s
2018-01-04 10:58:44
1693
转载 手机移动端WEB资源整合
meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />忽略将页面中的数字识别为电话号码 name="format-detect
2018-01-04 10:56:07
283
原创 git常用命令
〉生成SSH $ ssh-keygen -t ras -C "email@xxx"将生成的SSH key复制到文本框中即可（title默认为邮箱名）〉设置用户名$ git config --global user.name "cc"$ git config --global user.email "cc@xx"〉 初始化当前目录的项目git init〉在该目录下新建一
2018-01-04 10:54:07
174
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人