- 博客(42)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 初尝 mongodb+node.js
前言：你们这些不好好写接口的后台，非要逼着前端一统天下。纯属开玩笑哈，第一次写跟后台相关的东西，当揭开后台神秘的面纱的时候，那种惊喜、开心、成就感让我重回当初写出第一个hello world的时候。由于我是用的是win10系统就以windows为基础说啊，linux和mac os的自行解决哈，不过应该也是大同小异的。1. 安装mongodb的下载和安装就不说了啊，还没有下载安装的自行去...
2019-01-24 18:47:01
966
原创 github常规操作命令
第一次git的提交请移步 git第一次提交相关的命令，本文不做赘述。 1.远程仓库相关命令 检出仓库：$ git clone git://github.com/jquery/jquery.git 查看远程仓库：$ git remote -v 添加远程仓库：$ git remote add [name] [url] 删除远程仓库：$ git remote ...
2019-01-19 14:58:49
499
原创 echarts的中国地图，点击进入省级地图，点击省级地图，返回中国地图
先上效果图，鼠标放上去时的效果，如下图所示：点击进入到的省级地图，如下图所示：中国地图，鼠标放上去时的代码：myChart.on('mouseover', function (params) { var dataIndex = params.dataIndex; // console.log(params); });中国地图的点击事件：myChart.on(...
2018-07-12 16:27:15
40625
37
转载 关于ES6 对象的解构赋值
let { foo, bar } = { foo: "aaa", bar: "bbb" };foo // "aaa"bar // "bbb"对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名，才能取到正确的值。let { bar, foo } = { foo: "aaa", bar: "bbb" };foo
2018-06-27 17:04:10
345
原创 vue 学习笔记（二）
vue2.0 vue router的使用App.vue<template> <div id="app"> <v-header></v-header> <div class="tab"> <router-link class="tab-item" to="/
2018-04-11 09:27:24
239
原创 vue学习笔记（一）
1.vue-cli脚手架构建vue项目前提安装node、npm，nodejs中文网 ，安装了node之后npm也就以前安装了，分别可以使用node -v 和npm -v 来查看安装的版本。然后全局安装 vue-cli，安装一次就可以了。npm install -g vue-cli可以使用vue -V来查看是否安装成功，及版本信息。接下来使用...
2018-03-30 00:17:36
530
原创 git相关命令
第一次提交Git 全局设置git config --global user.name "aaa"git config --global user.email "[email protected]"创建新版本库git clone git@localhost:13hua/realizationHome.gitcd realizationHometouch README.mdgit add R...
2018-02-27 15:27:09
290
翻译 yarn的用法
安装 npm install -g yarn使用npm全局安装或者也可以使用官网的安装方法 安装原文地址：yarn官网开始一个新项目yarn init添加一个依赖项yarn add [package]yarn add [package]@[version]yarn add [package]@[tag]
2018-02-02 17:44:39
907
2
原创 vue数组中有相同的数据处理
跟ng一样，vue的数组中有相同的数据时会报错Uncaught (in promise) TypeError例如： {{item.message}} data:{ items:[ { message: 'Foo' }, { message: 'Bar' }
2017-12-23 19:58:10
16142
原创 js的深拷贝和浅拷贝
浅拷贝是只复制一层对象属性，是对地址的复制，即复制的两个对象指向同一块地址。深拷贝是复制所有层对象属性，是对指针的复制，即开辟出一块新的内存地址，将元对象的各个属性逐个复制过去。浅拷贝代码：var obj1 = {a:{b:10}}function shallowCopy (obj){var dst = {};for(var prop in ob
2017-12-13 16:36:53
239
原创 cookie和sessionStorage、localStorage的区别
相同点：三者都可以被用来在浏览器端存储数据，而且都是字符串类型的键值对。区别特性CookieLocalStoragesessionStorage数据的生命周期一般由服务器生成，可设置失效时间。如果在浏览器生成，默认是关闭浏览器之后失效除非被清除，否则永久保存仅在当前会话有效，关闭页面或浏览器后被清除存放数据大小4K
2017-12-13 16:31:58
355
原创 用new操作符创建函数的过程发生了什么
用new操作符创建函数的过程发生了什么例子：function CreatPerson(name,age,job){ this.name = name; this.age = age; this.job = job; this.sayName = function(){ console.log(this.
2017-12-08 17:41:37
2008
原创 用flex实现弹性布局
经典布局，间距10px等分的响应式布局，用flex轻松实现一、单行效果图：上代码，HTML<div class="box4"> <div class="item">1</div> <div class="item">2</div> <div class="item
2017-12-08 16:45:21
649
原创 this指向
除去不常用的with和eval的情况，具体到实际应用中，this的指向大致可以分为以下4种：1.作为对象方法调用2.作为普通函数调用3.构造器调用4.Function.prototype.call或Function.prototype.apply调用之前碰到了一个面试问题就是关于this指向的使用场景问题，当时的答案好像不准确，最近看了书之后发现就发出来了，如果
2017-11-06 21:48:32
330
原创 js的类型检测
js的类型检测1.typeof 操作符返回一个字符串，指示未经计算的操作数的类型语法：typeof operand参数：operand 是一个表达式，表示对象或原始值，其类型将被 返回类型结果Undefined"undefined"Number"number"String"string"Boolean"boolean"Null"object"Object , Array"object"任何
2017-11-06 21:31:25
228
原创 ng ui-route的toState, toParams, fromState, fromParams
平时开发的时候经常会遇到从几个页面跳到一个页面，最后还要原路返回的需求，原始的做法是通过页面传值实现，略显繁琐，angularjs有一种方法可以不用页面传值实现，用 fromState就可以判断出是从哪个页面过来的，再做相应的处理，具体使用方法如下代码所示：$scope.$on('$stateChangeSuccess', function (event, toState, toParam
2017-08-05 17:39:24
525
原创 webpack 学习经验1
今天刚折腾了webpack，这是我学习的网址http://www.runoob.com/w3cnote/webpack-tutorial.html其中有一些坑，可能是版本不一样或者是其他方面的问题吧，loader中的!style!css会报错module: { loaders: [ { test: /\.css$/, loader: "style!c
2017-06-02 17:07:25
1669
原创 pycharm下载及 2017 注册码
pycharm是python很好用的一款编辑器，跨平台的，具体下载去官网下载，https://www.jetbrains.com/pycharm/download/#section=linux1.linux系统的安装window和mac的安装都是双击运行，然后点点的，大家都会就不多说了，说说linuxlinux的安装也很简单，先解压，然后运行解压后的/bin/pycharm.sh文件即
2017-05-27 14:12:03
1283
原创 Linux下python3.6.1的安装
Linux系统一般都会有自带的Python，但是是2.7版本的，python2和python3是不兼容的，要安装python3不需要将python2卸载。自带的 python 一般安装在 /usr/bin/ 目录下，我们将python3安装在/usr/python3下1.先去官网下载，https://www.python.org/ download-->source code--->选
2017-05-27 10:10:28
8408
原创 ng ui-router $state.go()跳转
$state.go这个是ng的路由跳转以下以例子来说明以下：路由配置.state('docImg',{ url:'/doc-img', templateUrl:'templates/doc-img.html', controller:'docImgCtrl' }) //
2017-05-22 16:53:35
9187
原创 ng $scope()不刷新的问题
这两天开发项目的时候遇到了一个问题，就是在controler里面代码命名执行了，但是页面并没有做任何的改变，大概就是用{{}}做双向数据绑定，$scope做相应的改变操作，首先你要确保没有其他的报错，作用域$scope没问题，然后你就可以考虑$apply()。重点说明：这个时候你肯定用的不是ng自己的东西，比如你用的是jq的或者是其他的第三方库$apply()函数可以从Angular框
2017-05-22 11:16:29
1584
原创 Linux 添加代理
1. 只针对当前终端，不会影响到全局export http_proxy="http://192.168.31.10:8031"2. 编辑.bash_profile文件 export http_proxy="http://192.168.31.10:8031"这个是永久代理，全局的，只针对终端，全局所有的终端，除了浏览器之外的终端 Terminal，浏览器的代理需要根
2017-05-19 10:58:24
965
原创 ng中directive中的一些符号问题
ng中directive中的一些符号问题restrict: 'E',restrict的属性值有E、A、C、ME:元素，elements are allowed，允许作为一个元素A:属性，attributes are allowed，允许作为一个属性C:类，as a class name，作为一个类名M:注释，as a comment，作为一个注释可以结合上面的任意值来放松限制。如：
2017-04-13 14:45:57
391
转载 正则regular
声明：原文摘自野狗公众号，本文仅作本人学习笔记/*** * 正则regular *//** * //1.正则初体验 * //1.1什么是正则 * //简单来说正则就可以理解为一个规则，用来处理字符窗的一个规则（正则就是用来处理字符串的），这里所说的处理一般包含匹配和捕获 *///匹配：判断一个字符串是否符合指定的规则，使用test方法：reg.test(str)//eg.1.var reg =
2017-04-12 20:27:48
944
原创 前端js经典面试题目
/** * 用js实现一个类P 包含成员变量a，成员变量b成员函数sum sum输出a与b的和,a,b默认值都为0.实现一个类M,M继承自P,在P的基础上增加成员变量c成员变量函数sum变成a,b,c的和 */function P(a,b){ this.a = a || 0; this.b = b || 0;}P.prototype.sum = function(){ ...
2017-04-11 20:06:05
1028
转载 js中的this
声明，原文摘自野狗公众号，本文只是本人对这篇文章的学习笔记/*** * js中的this，javascript中的this指向并不是在函数定义的时候确定的，而是在调用的时候确定的额。换句话说，函数的调用方式决定了this的指向。 * js中，普通函数的调用有三种：直接调用、方法调用和new调用。除此之外，还有一些特殊的调用方式，比如通过bind()将函数绑定到对象之后再进行调用、通过call(
2017-04-11 19:58:47
269
原创 css清除浮动 clear float
clear float1.为父元素添加overflow:hidden第一个方法很简单，缺点是不太直观，即为父元素应用overflow:hidden,以强制它包围浮动元素。eg. It's fun to float. Here is the footer element that runs across the bottom of the page.section{
2017-03-31 11:06:33
514
转载 关于js原型继承的理解
//原型继承function SuperType(){ this.property = true ;}console.log("SuperType()=",SuperType());SuperType.prototype.getSuperValue = function(){ return this.property;}console.log("SuperType.
2017-03-23 19:54:06
441
原创 新手github使用手册
第一步当然是要先注册账户然后登录啦，巴拉巴拉，不说了哈第二步就是在github上新建仓库，右上角头像前面有个“+”号点击第一个 new repository，就是新建仓库啦，点击进去，填写仓库名称以及描述，就是给项目写一个说明方便查看。这里下面还有一个公有和私有的区别，公有的是免费的，但是所有人都能看的到，一般公司的代码是不能放在上面的，还有一个是私有的，是要收费的，就是只有自己能看得到，别人
2017-03-22 21:46:37
2410
原创 数组对象的slice和splice方法
数组对象的slice和splice方法之前被大神虐过一次，长长记性，专门把这两个方法拿出来做一个比较，本文仅做学习笔记使用，如有任何意见或建议欢迎在评论区指出。 slice 定义和用法 slice() 方法可从已有的数组中返回选定的元素。 语法 arrayObject.slice(start,end) 参数 描述 start 必需。
2017-02-09 11:11:48
18861
1
原创 小程序数据请求注意事项
本文仅作为个人学习经验总结，如有理解有误的地方，欢迎在评论区指出，谢谢！1.小程序的请求格式官方文档中有明确的说明，不懂得可以看官方文档，微信小程序开发文档2.微信只支持https的请求方式3.文档中要求， 客户端的 HTTPS TLS 版本为1.2，但 Android 的部分机型还未支持 TLS 1.2，所以请确保 HTTPS 服务器的 TLS 版本支持1.2及以下版本；
2017-01-19 22:18:02
3657
原创 为什么canvas画的是正方形是长方形
刚才发现了一个问题，我用canvas画了一个宽高都是50的正方形，结果出来的却是长方形，原来我的代码是这样写的。有同样问题的你快看看你是不是也中招了 我一直都保持着样式放在style里面的“良好”习惯，现在来看看正确的写法吧，有没有瞬间吐血，有没有，我默默的对自己说了句，是不是傻啊 width和height不要写在style里 。。。
2017-01-17 22:36:58
2557
5
原创 Linux 设置桌面快捷键
以webstorm为例 cd /usr/share/applications/ sudo vi webstorm.desktop #创建vi vi里面的内容： [Desktop Entry] Name=WebStorm Comment=WebStorm Exec=/home/ayong/WebStorm-1
2017-01-13 11:11:25
557
原创 linux 系统安装微信小程序开发工具
一 、首先要安装 nw.js sdk 环境 nw.js的安装： 1.首先是osx下安装，你可以参考官方文档进行app下载然后设置路径，也可以直接一步到位，一条命令直接安装！ 前提先安装好node.js环境，然后直接终端下输入命令： sudo npm install -g nw 在管理员权限下全局安装nw模块，等待较久
2017-01-13 10:57:52
7391
原创 js原生事件封装
自己写的js事件的一些封装，仅做学习笔记使用 第一部分 event 添加事件，删除事件，以及冒泡的屏蔽，并都做了兼容性的处理<span style="font-size:24px;">var event = { //添加句柄 添加事件 addHandler:function(element,type,handler){ //ele 元素 ...
2016-05-18 09:31:34
2453
原创 正则替换日期中间的符号
var p_strDate="2006-10-18 18:01:00";var pattenStr = new RegExp("\s| |_|[-]|/|:","g");var arrPatten = p_strDate.replace(pattenStr,'');alert(arrPatten);undefinedvar p_strDate="2006---____-10-1
2016-04-15 15:13:00
764
原创 ionic新建项目
准备工作：先安装 nodejs , 然后再通过nodejs的npm安装cordova以及ionic当然这些在官方文档上面也是有的，只是为了作学习笔记。1. 安装cordova 以及ionic我是分开安装的$ npm install -g cordova //安装cordova$ npm install -g ionic //安装ionic
2016-04-07 14:30:47
1354
原创 ionic打包apk
以下是以项目文件在D:\project\xuanGu文件夹下，项目文件名就叫xuanGu1.ionic platform ls //查看有哪些平台2.ionic platform add android/ios //添加安卓/ios平台3.ionic platform remove android/ios //移除安卓/ios平台4.ionic resource
2016-04-07 14:25:18
10336
原创 ionic兼容title居中和tab栏放在底部
1.title居中（标题安卓版本默认是left的）在app.js里的 .config 里添加配置，同时在函数中添加系统系统 $ionicConfigProvider，具体格式如下所示:.config(function($stateProvider, $urlRouterProvider,$ionicConfigProvider) { //$ionicConfigProvider.
2016-04-07 14:23:10
3067
1
原创 get/post 区别
get/post 区别 Form中的get和post方法，在数据传输过程中分别对应了GET和POST方法。 二者主要区别如下： 1、Get将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用“&”连接；Post是将表单中的数据放在form的数据体中，按照变量和值相对应的方式，传递到action所指向URL。 如下形式
2016-03-19 19:50:43
413
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人