MUI地图（添加标注、设置折线）
简述：MUI地图提供很方便的接口来调取地图功能（百度、高德），要使用地图功能首先要配置SDK开启地图，配置在manifest.json自行配置就可以。一：创建mapView注意：创建地图之前首先要创建div的节点来显示地图，代码中"map"为div的idvarmap=newplus.maps.Map("map",{resizeEnable:true,//缩放显示zoom:14//地图显示的缩放级别});二：地图标注点varmarker=newplus.maps.Marker(newplus.maps.Point(125.2980710000,43.8380450000));//标注点对象marker.setLabel("HBuilder”);//设置标注点标题varbubble=newplus.maps.Bubble("阳光大厦”);//设置气泡标题marker.setBubble(bubble);//添加起泡map.addOverlay(marker);//添
在自己的网站上嵌入挖矿脚本
说实在的使用谷歌广告赚钱真的是太慢了，一个网站我苦心经营那么长时间得到的回报是0，这就有点过分了，不过最近网页使用js挖矿很流行，我们为什么不使用这个来得到点回报呢？操作首先要知道的是我们使用网页挖矿挖的是门罗币，你可以使用各种方法把它换成比特币或者人民币。接着我们在https://coinhive.com/这个网站上注册一个账号，注册完成之后，点击右上角settings然后新建一个site，新建site完成之后会有两个key,SiteKey(public)和SecretKey(private)之后这个网站提供很多种挖矿js的插入，我选择的是JavaScriptMiner这种方式，这种方式在用户第一次访问网站的时候会提示网站有挖矿程序，要求你确认是不是给这个网站挖矿，如果同意那么之后就不会跳出来了，挖矿的js代码我的是下面这样子的
深度解析`create-react-app`源码
之前写了几篇关于搭建react环境的文，一直还没有完善它，这次撸完这波源码在重新完善之前的从零搭建完美的react开发打包测试环境。如果后续有更正或者更新的地方，会在顶部加以说明。前言这段时间公司的事情变得比较少，空下了很多时间，作为一个刚刚毕业初入职场的菜鸟级程序员，一点都不敢放松，秉持着我为人人的思想也想为开源社区做点小小的贡献，但是一直又没有什么明确的目标，最近在努力的准备吃透react，加上react的脚手架工具create-react-app已经很成熟了，初始化一个react项目根本看不到它到底是怎么给我搭建的这个开发环境，又是怎么做到的，我还是想知道知道，所以就把他拖出来溜溜，顺便构建了我自己的开发工具qz-tools。文中若有错误或者需要指正的地方，多多指教，共同进步。目录分析随着它版本的迭代，源码肯定是会发生变化的，我这里下载的是v1.1.0，大家可以自行在github上下载这个版本，找不到的戳链接。主要说明我们
如何构建你的第一个 Vue.js 组件
记得当那天使用CakePHP开发的时候，我很喜欢它简易入门的特性。其文档不仅结构严密，详尽，而且对用户友好。多年以后，我在Vue.js上找到了同样的感觉。然而，与Cake相比，Vue文档还有一个缺点：（缺乏）真实的项目教程。不管框架的文档有多好，对与所有人来说都是不够的。阅读有关的概念并不是总能帮助你了解更多东西，也不能帮助你理解如何使用它们来实际做出某些事情。如果你和我一样，你会在实践过程中学到更多，在你编码的时候参考文档，因为你需要它们。在本教程中，我们将构建一个星级评分系统组件。我们将在需要时介绍几个Vue.js概念，并介绍为什么要使用它们。TL;DR:这篇文章详细的介绍了如何使用vue.js和为什么使用vue.js。它旨在帮助掌握Vue.js的一些核心概念，并教你如何为未来的项目做出设计决策。如果你想了解整个思维过程，请继续阅读。否则，你可以直接查看CodeSandbox上的最终代码。入门指南Vue.js（正确地）以一个简单的脚本引入足以开始运行，但是当你想使用si
如何在面试中脱颖而出？
大学毕业那会，在北京找工作，作为一个前端小白，这找工作的路上可谓是碰的头破血流，我向来就是一个不怎么自信的人，屡屡碰壁之后，这下彻底的怀疑人生了，幸运的是，面试二十家公司之后，终于在我的不懈努力和坚持之下，收到了人生中的第一份offer。进新公司上班不久，和前端比较熟悉，有一天吃饭的时候他对我说，那天来了十多个面试的，就数你笔试做的最好，所以我才让老板过来和你谈的，没想到一谈就中，我低下头，喝了一口水压压惊，能不中？就凭我经历过大大小小二十场面试，光是经验就差不多能够塞满一箩筐了。前方高能，总结出一套面试宝典，看看就好慎重模仿。仅针对于一些创业型的公司，作为聪明的程序员的你，秒懂就好。1：实力碾压实力碾压，笔试必须进入前三名，有人说，这可能吗？当然可能，依稀记得我花了两个星期的时间，茶饭不思，熬夜到凌晨，把网站上所有的面试题能百度的都背了下来，理解不了的就当做政治历史那一大段落来背了，当面试官问到我关键词之时，下意思的从脑海的程序里里面蹦出一条又一条回答，很多公司的笔试题大多数都是从网站上百度下来的，面试官问的也差不多都是一些最常
ionic生效swipe事件
群里的朋友提供的方法，还没验证过npminstallhammerjs–save&&npminstall@types/hammerjs–save-dev创建MyHammerConfig.tsimport{HttpClient}from‘@angular/common/http’;//空格去掉import{Injectable}from‘@angular/core’;import{HammerGestureConfig,HAMMER_GESTURE_CONFIG}from‘@angular/platform-browser’;import*asHammerfrom‘hammerjs’;@Injectable()exportclassMyhammerconfigProviderextendsHammerGestureConfig{overrides={‘swipe’:{direction:Hammer.DIRECTION_ALL}
webpack增量打包多页应用
webpack的打包顺序：varpath=require('path');module.exports={entry:{one:"./src/one.js",two:"./src/two.js"},output:{path:path.resolve(__dirname,'dist'),filename:"[name].js"}};1，找到入口文件2，根据入口文件，找出具有依赖关系的文件js/css3，最后，把css/js全部打包成一个js包好的，打包完成，打包了整个世界，那么问题来了：产品说：按钮颜色不对，给我改成#ccc技术：好的，这就改。然后就有了如下流程：1，找到了entry->js->componet->button.less修改了一个色值2，执行webpack打包这时就暴露了问题：1，明明只是修改了一个色值，却要从入口开始重新打包2，业务代码明明没有变化，却也被牵连了3，最后生成的js要全部推到线上，覆盖掉线上原本没问题的业务js，纯粹是增加风险二，思考
C# 构造器总结
在C#中，构造器分为实例构造器和类型构造器，一、实例构造器构造引用类型的对象时，在调用实例构造器之前，为对象分配的内存总是归0，没有被构造器显示重写的字段都保证获得0或null的值在一个类中，如果我们没有显示的定义任何构造器，那么C#编译器将定义一个默认的无参构造器，这个无参构造器会简单的调用一个基类的无参构造器，如下面SomeType类publicclassSomeType{publicSomeType():base(){}}但是当我们基类中没有提供无参构造器怎么办呢，那么这时我们的派生类就必需显示的调用一个基类的构造器，否则编译器会报错。如果类的修饰符为static，编译器根本不会在类的定义中生成默认构造器。在一个类型中我们是可以定义多个实例构造器的，但是每个构造器必须有不同的签名。接下来我们再来谈谈实例构造器的执行，请看如下代码：internalsealedclassSomeType{privateintm_x=5;}当我
.NET MongoDB Driver 2.2 API注释
主要内容1MongoClient1.1构造函数1.2方法2IMongoDatabase3IMongoCollection4IMongoCollectionExtensions5DeleteResult6UpdateResult7IFindFluent
有关C，C++,C#, Java的图形图像处理类库 整理
1、Java相关1.1Jzy3DJzy3D是一个Java的类库，用来绘制各种各样的三维图形，如下图所示：下载地址：jzy3d-api，官网1.2Proscene是一个用于创建交互式3D场景的Java类库。Proscene参考了Qt的OpenGLc++libqglviewer库的交互式框架概念：包括一个可用鼠标控制的坐标系统。Proscene旨在扩大这个想法,允许用户轻松地设置一个HID控制场景。1.3三维引擎OpenWebGlobeOpenWebGlobe是一个高性能的三维引擎。可应用于可视化仿真，游戏，三维GIS，虚拟现实等领域。它使用纯javascript编写，可以运行在任何支持HTML5、WebGL的浏览器上。使用OpenWebGlobe可以快速构建一个属于您自己的三维地球。DownloadLink;演示地址,KINK2、C++相关2.1VisualizationLibraryVisualizationLibrary是一个C++的中间件用来开发
浅显易懂，揭开.Net生态系统的神秘面纱
提到.Net的时候，大多数人的第一反应可能就是.NetFramework和VisualStudio。.NetFramework的第一个版本发布与2002年2月13日，这对于科技发展日新月异的时代，这差不多已经可以看做是史前文明了。.NetFramework发布之后，微软就一直致力于让它成为现代Web、移动和云时代的可用性开发平台。这也促成了.NetCore2和.NetStandard2.0的发展，但是这种快速发展也往往让人们开始对庞大的.Net生态系统感到困惑。.Net生态系统混乱我们都知道.Net框架，但是它是如何在基类库中工作的呢？什么是便携式类库？什么时候使用？.NetCore又是什么呢？与.NetFramework有什么不同呢？什么又是.NetStandard？如何安装？如何建立一个可重用的库呢？上面的所有因素都会在你为项目选择的时候造成困扰。什么是.NET标准类库，.NETCore或.NETFramework？什么是共享项目和可移植类库？你应该在哪里集中精力？是否应该学习一切，放弃旧知识？如何
在 .NET中，一种更方便操作配置项的方法
在.NET中，一种更方便操作配置项的方法在应用程序的开发过程中，我们往往会为软件提供一些配置项，以允许软件根据配置项灵活来做事情，比如配置日志文件路径等，此外，我们还可以用配置项来为用户存储其偏好设置等。.NET为我们默认提供了配置机制以及配置文件，项目中的app.config或者web.config文件（如果没有，可以添加）就是.NET为我们提供的配置文件。在这个配置文件中的根节点configuration下，创建appSettings节点，在此节点中，我们可以添加自义定的配置项。同时，ConfigurationManager类提供了访问及操作此配置文件（由Configuration类代表）中配置的方法。需要注意的是，这个类在System.Configuration.dll文件中，需要将它添加到项目的引用中，才能使用。本文主要介绍一种更为便利的方式来访问/存储配置项，当然，它本质上是使用ConfigurationManager类完成的。它主要的特点是以面向对象的方式来解决此问题，更具体地说，我们创建
使用 SVG 和 JS 创建一个由星形变心形的动画
序言：首先，这是一篇学习SVG及JS动画不可多得的优秀文章。我非常喜欢AnaTudor写的教程。在她的教程中有大量使用SVG制作的图解以及实时交互DEMO，可以说教程的所有细枝末节都可以成为学习SVG以及JS画图的资料。另一方面，这篇教程也非常枯燥，因为教程的主要篇幅是关于几何图形的数学计算，不过上过中学的人都能理解。全篇翻译完，我觉得我几乎重新温习了一遍中学的几何知识，顺便学了点英语表述。最后还要感叹一下，想要灵活运用SVG画图，深厚的数学功底是不可或缺的，同时还要有敏锐的思维和牢靠的记忆力。原文：CreatingaStartoHeartAnimationwithSVGandVanillaJavaScript译者：nzbin在我上一篇文章中,我讲解了如何使用纯JavaScript实现从一个状态到另一个状态的平滑过渡。一定要看看这篇文章，因为我会引用一些我详细解释过的东西，比如演示示例、各种定时函数公式以及如何从结束状态返回初始状态而不需要反转定时函数。最后一个例子展示了一
基于element的表单渲染器 (el-form-renderer)
Usage//Step1下载代码gitclonehttps://github.com/leezng/el-form-renderer.git//Step2在需要使用本组件的.vue文件中
ios微信下vue项目组件切换并自动播放音频的解决方案
最近在做一个英语答题项目,项目需求是通过答题取的成绩,答题的题型是分为,听音选图,看图选词,和填空题.项目总共分为了3个页面,开始页,答题页和结束页面,答题页关于每种题型,我做了相应的组件,每次切换题目的时候,显示对应的的组件,要求听音选图的时候会自动播放音频.惯例,ios下的safari和微信内置浏览器都不支持audio的自动播放,通常的解决方案都是通过document.addEventListener('WeixinJSBridgeReady',function(){audio.play()},false)来实现的自动播放,但是WeixinJSBridgeReady事件从页面加载开始到结束只会加载一次,而且不能通过removeEventListener来移除,所以会有两个问题:1.从首页面到答题页面是路由切换的,但是处于开始页面时候,WeixinJSBridgeReady这个事件已经加载完了,跳转到答疑页面的时候已经无法监听到该事件了
基于vue-cli重构多页面脚手架
官方提供的项目生成工具vue-cli没有对多页面webApp的支持，但是在实际的项目中，我们需要这样的脚手架，参考了很多大牛的方法，这里提供了一种我的单页面脚手架转换为多页面脚手架的方案，供大家参考。不好的地方也请大家指正。准备使用vue-cli生成一个你需要的单页面项目脚手架，然后我们就要开始我们的改装工程了。重构过程步骤一改变目录结构step1在src目录下面新建views文件夹,然后再views文件夹下新建index文件夹step2将src目录下的main.js和App.vue移动到step1中的index文件夹下，并将main.js重命名为index.jsstep3将src目录下的router文件夹移动到step1中的index文件夹下，如果不使用router可以再index.js中注释掉，我没有使用，因为我的每个页面不是单页面的应用，不必要使用路由功能step4将根目录下的index.html文件移动到step1中的index文件夹下步骤二修改build下的配置文件在生产环境下会分页面打包独有js文件，并抽取公共js
[译] 2018 前端性能优化清单 - 第 2 部分
下面是前端性能问题的概述，你可以参考以确保流畅的阅读本文。2018前端性能优化清单-第1部分2018前端性能优化清单-第2部分2018前端性能优化清单-第3部分2018前端性能优化清单-第4部分你会在你的项目中使用AMP和InstantArticles么？依赖于你的组织优先性和战略性，你可能想考虑使用谷歌的AMP和Facebook的InstantArticles或者苹果的AppleNews。没有它们，你可以实现很好的性能，但是AMP确实提供了一个免费的内容分发网络（CDN）的性能框架，而InstantArticles将提高你在Facebook上的知名度和表现。对于用户而言，这些技术主要的优势是确保性能，但是有时他们宁愿喜欢AMP-/AppleNews/InstantPages链路，也不愿是“常规”和潜在的臃肿页面。对于以内容为主的网站，主要处理很多第三方法内容，这些选择极大地加速渲染的时间。对于网站的所有者而言优势是明显的：在各个平台规范的可发现性和
16年毕业的前端er在杭州求职ing
因为曾经看过一篇文章面试分享：一年经验初探阿里巴巴前端社招所以来杭州也是带有目标的，网易！如果能有幸加入阿里，也是非常荣幸的。所以面试总是懒懒散散的，大概一天也就面试一家。然后我的技术栈大概是react+node，GitHub地址：Nealyang目前的状态是阿里通过了技术面和交叉面，大概下周一总监面+hr面。网易hr面结束了，在等通知，科大讯飞已经拿到offer了，还是比较不错的offer，别的创业公司、上市公司不管是人工智能还是智能家居也都基本拿了offer，但是。。。好吧，还是有着一颗对大厂的夙愿。或许就是大学埋下的吧。因为个人比较懒得跑面试，所以很多公司的电面我都接了，但是很多公司的现场面试都没有去，哎呀呀，好吧，我懒~这里我大概回一下所有面试所问到的问题吧，因为之前没想去记录，所以很多我都忘记是哪一家了，索性一不做二不休，直接一股脑回忆下面试题吧。能想起来的我标注下是哪家公司。面试begin大概我是一月分离开的环球网，然后再北京收拾东西总结知识，开始投递简历，大概都是boss直聘和拉钩上面HTM
WebSocket 详解
文章同步于github/blog欢迎startWebSocket出现前构建网络应用的过程中，我们经常需要与服务器进行持续的通讯以保持双方信息的同步。通常这种持久通讯在不刷新页面的情况下进行，消耗一定的内存资源常驻后台，并且对于用户不可见。在WebSocket出现之前，我们有一下解决方案：传统轮询(TraditionalPolling)当前Web应用中较常见的一种持续通信方式，通常采取setInterval或者setTimeout实现。例如如果我们想要定时获取并刷新页面上的数据，可以结合Ajax写出如下实现：setInterval(function(){$.get("/path/to/server",function(data,status){console.log(data);});},10000);上面的程序会每隔10秒向服务器请求一次数据，并在数据到达后存储。这个实现方法通常可以满足简单的需求，然而同时也存在着很大的缺陷：在网络情况不稳定的情况下，服务器从接收请求、发送请求到客户端接收请求的总时间