
前端
文章平均质量分 85
愤怒小绵羊
从业10年的前端码农,新型农民工也要有自我修养!
展开
-
原型和原型链解析
原型要理解原型首先需要明确几个概念:1、__proto__每个引用数据类型(如Object、Array、function)的对象实例,都有这个是属性,同时这个属性也是一个对象;2、prototype只有函数对象实例,有这个属性,且这个属性也是个对象;每个prototype都有一个constructor指向这个方法;3、__proto__和 prototype关系每个对象实例的__proto__都指向其构造函数的 prototype看下面的代码: let myObj= { nam原创 2022-05-01 16:53:42 · 356 阅读 · 0 评论 -
js闭包原理及用途
闭包的原理官方解释:闭包就是能够读取其他函数内部变量的函数。要解释这段话,就要引入变量作用域的概念。变量作用域首先看下面这段代码的输出值var num = 0function add(){ num = num + 1 console.log(num)}add() // 1add() // 2add() // 3console.log(num) //3此时,num是全局的作用域,在add()函数内外都可以访问到的;且在内存中是只有一个的,所有的运算都指向这唯一的num原创 2022-04-28 15:07:11 · 649 阅读 · 0 评论 -
Vue页面生成PDF的方法
最近项目有个需求,将系统统计的数据生成分析报告,然后可以导出成PDF。这种方法可以有两种,一种是直接调用打印,用户通过浏览器提供的打印页面手动选择导出PDF。当然这种方式兼容性差,且体验不好,显然不是我们想要的效果。那么第二种方法的实现思路是什么呢?首先生成报告页面,也就是常规页面;然后将页面转换成图片( 用到的组件 html2canvas );最后将图片导出成PDF( 用到的组件 jspdf )。安装依赖npm install --save html2canvas // 页面转图片npm原创 2022-03-23 11:24:54 · 22701 阅读 · 22 评论 -
Vue集成Cesium之二 —— 相机(Camera)
上一篇文章初步写了一下 vue 集成 cesium 方法和注意的地方。最近因为项目中用到的地图资源并不是拿来就能用,需要调整显示的角度、缩放等设置。所以把 cesium 所有的相机(也就是视角)设置都体验了一遍,正好记录一下异同,分享出来。笔者作为初探的小白,如有错漏还请看官指出加以改正。Viewer.zoomTo(target, offset)官方解释:Asynchronously sets the camera to view the provided entity, entities, o原创 2022-03-16 17:00:37 · 2025 阅读 · 0 评论 -
Vue 第三方集成之 Cesium
最近项目有三维地图展示需求,甲方提供了三维数据,要求使用Cesium集成。利用一天时间集中突击了一下做个笔记,后面再用到的话也好自查。声明一下,作者也是最近刚接触cesium,目前的探索也只是作为初学者一个导引吧,避免少走弯路。不喜勿喷,谢谢。资源官网地址:https://cesium.com/platform/文档示例很多,API也很全,就是全部英文看起来费劲,建议深度学习可以看看。GitHub地址:https://github.com/CesiumGS有几个JavaScript分类的dem原创 2022-03-10 10:53:50 · 4471 阅读 · 1 评论 -
Vue —— keepAlive使用(指定页面跳转缓存)
功能逻辑HomePage ——> OrderList ——> OrderDetail1、首页跳转的订单列表页,列表页刷新并请求数据;2、列表页跳转到详情页,再返回列表页不刷新页面。...原创 2019-12-05 16:20:59 · 5381 阅读 · 1 评论 -
Postman—Mock Server探索
为什么使用Mock Server目前开发团队基本上都采用前后端分离的开发方式,后端的接口测试及前端的接口调用如果不使用工具而是相互依赖,不但失去前后端分离的意义,也给项目的开展造成阻塞。据我所知,后端开发普遍在开发过程中会使用Postman(或其他工具)进行接口测试,而不是由前端直接配合模拟调用。所以,前端开发也应该学会使用模拟接口服务的工具(Mock Server),将接口集成的工作前置,而...原创 2019-07-29 11:31:23 · 547 阅读 · 0 评论 -
ionic开发笔记
一、APP复制文字到剪切板使用到 Clipboard.js 插件HTML文件<div class="orderDetail"> <div> <span class="orderDivSon" style="padding-right: 5px;">订单编号</span> <input type="text" name="sel...原创 2019-06-12 18:52:03 · 282 阅读 · 0 评论 -
Git + Gerrit 代码管理笔记
git statusgit add 路径git commit -m “说明”git push origin HEAD:refs/for/mastergit loggit reset commitidgit commit --amend原创 2018-12-14 16:27:53 · 562 阅读 · 0 评论 -
Ionic笔记Chapt1 —— 环境配置(Mac OS系统环境)
前言由于最近有个项目需要使用Ionic框架进行APP开发,经过一番痛苦挣扎,终于算是初步了解,那么分阶段记录一下自然是必须的。本章抛砖引玉,先把开发环境及调试环境配置方法和爬坑过程记录一下,因为之前一直在做iOS原生开发,所以暂时只有Mac环境下配置方法,其实换了Windows会更简单。Node&Npm安装Ionic安装是通过npm进行的,所以首先需要安装配置npm。下载链接ht...原创 2018-11-22 17:39:49 · 296 阅读 · 0 评论 -
UEditor配置笔记(持续更新中)
由于项目需求,要在后台中加入富文本编辑图文功能(类似微信公众号?)。 昨晚前端菜鸟的我在百度上google了一大圈,普遍反映UEditor是个不错的插件,本着群众眼睛是雪亮的观念,立马学习了一番。官方文档(http://fex.baidu.com/ueditor/)还是比较全面的,但是文档是文档,现实配置项目的时候总是各种各样的问题,尤其当你折腾半天就是上传不了图片的时候,内心是崩溃的。我就把我配原创 2017-06-23 18:01:20 · 419 阅读 · 0 评论