sx32612254-CSDN博客

原创 app h5混合开发

解决方案直接使用在webview的代理中通过拦截的方式与native进行交互，通常是通过拦截url scheme判断是否是我们需要拦截处理的url及其所对应的要处理的功能是什么。任意版本都支持。react nativeWebViewJavascriptBridgeJavaScriptCore.framework (ios7+)

2017-06-19 17:19:44 434

原创 vue组件相关

单文件组件template<template> <div class="toast">  <transition> <div class="toast-com">{{data}}</div> </transition>  </div>

2017-06-19 15:33:57 194

原创 NGINX反向代理服务器

背景普通的代理服务器，处理内部网络对internet的连接请求。将原本需要发给web服务器的http请求，发给代理服务器。普通的代理服务器不支持外部网络访问内部网络。反向代理服务器能够代理网络上的主机，访问内部网络，没有保存任何网页的真实数据，所有的静态网页或者CGI程序，都保存在内部的Web服务器上。因此对反向代理服务器的攻击并不会使得网页信息遭到破坏。优点作为 Web 服务器：相比 Apac

2017-05-18 15:40:26 556

原创 vue 开发过程的问题

组件化开发vue创建的是一个单页面的应用，使用vue-cli后，所有的组件都会加载到index.html。绑定方式：“` /在index.html中/

2017-04-26 10:21:00 270

原创 ES6

关键字letfor(let i=0; i < 5; i++){ setTimeout(function(){ console.log(i) },1000*i);}for(var i=0;i<5;i++){ setTimeout((function(i){ return function(){ console.log(i); } })

2017-04-19 11:52:17 328

原创 brackets使用起步

一由于被墙，所以需要翻墙下载一些东西。但是翻墙有没办法在编辑器内部下载安装插件。找到了一个比较好用的网站https://brackets-registry.aboutweb.com/，可以下载插件，然后拖拽的方式安装即可。常见的好用功能在类名 id js函数名 css颜色等ctrl+e ，快捷修改css。修改默认端口– file project settings。常用插件brackets vu

2017-04-16 17:42:01 722

原创 webpack+vue.js 搭建

脚手架vue-cli 的部署安装一个6.0版本的node。低版本无法安装vue-cli。 wget https://nodejs.org/download/release/v6.0.0/node-v6.0.0.tar.gz 解压tar包 tar -zvxf node-v6.0.0.tar.gz make make install npm isntall -g vue-cliv

2017-04-15 22:10:03 235

原创 canvas笔记

一个canvas元素设置高度100%会有一个底部的间距，这是由于inline-block导致，需要将display设置为block。

2017-04-04 20:40:20 143

原创微信公众号开发

注册注册了一个个人订阅号。关联服务器1.填写基本配置。 2.开启服务器（我这里用的express ，端口必须是80）。 3.验证消息来源于微信服务器。接受微信发来的参数，返回echostr。app.get('/' , function(req , res){ rend(req.query.echostr);});这样就成功的设置好了服务器。开启https生成openssl证书生成

2017-03-24 08:54:52 300

原创 richharrison validate.js源码学习

用法因为这个插件利用window以及dom设计，因此只适用前端js，首先引入js放在body结束前。<script type="text/javascript" src="validate.min.js"></script>然后在script里创建一个实例对象。var validator = new FormValidator('example_form', [{ name: 'req',

2017-03-17 13:18:55 279

首先用到了表单数据类型FormData,FormData的append方法可以将type=“file”的文件添加到类型中。然后用ajax的异步提交将数据提交到后台，后台使用multer中间件可以格式化接收到的数据类型，然后可以设置储存路径，储存的格式后缀等等一系列的配置，完成图片上传。最后通过图片的路径以及名称，将url以字符串的形式存入数据库，完成图片的存储。首先写好页面标签<label for=

2017-03-14 16:57:03 363

原创上传图片，头像

首先上传图片要用到input标签<input type="file" />这样会生成一个上传图片的默认样式。因为我想要使用点击图片长传，所以改为以下方式：<label for="avatar"> <img src="img/avatar.pmg" /> <input type="file" style="display : none" id="avatar" /></label>摘

2017-03-13 13:33:56 513

原创练习1

给定一个字符串数组strarr和一个数值k，写一个函数，返回一个由相邻k个数组项组成的最长字符串。若k<0,strarr.lengthfunction longestStr(strarr , k){ var longeststr = ''; for(var i = 0 ; k>0 && i <= strarr.length-k ; i++){ var temparr

2017-03-12 16:35:34 182

原创 schema

对于mongodb数据库，由于在数据映射时，事先定义好的字段可能后期需要添加。这时若直接在schema类内直接定义，是不行的。这时就需要用到.add方法作为后期添加字段。schema.add({ avatar : 'img.png'});schema的prototype属性方法。schema.eachPath//similar to Array forEachschema.get(key

2017-03-11 21:10:18 614

原创初学者前端开发学习（二）初识css

css基础补充对于觉得菜鸟教程html很好理解，css却看不懂，这篇作为承上启下的css基础补充。首先从名声入手，css的英文为Cascading Style Sheets，译为层叠样式表。html与css几乎不会分开。有了html你可以完成想要表现在页面上的东西，加上css就可以让页面更美观。css语法css的写法由两部分组成选择器和声明。/*其中.header是选择器， color,ba

2017-03-11 20:40:02 260

翻译 setTimeout 与 setInterval

setTimeout第一个参数可选函数或字符串，但是字符串的方式设计到eval()函数的安全风险，所以不建议使用。var timeoutId = window.setTimeout(function(){alert(1)} , 1000);var timeoutId = window.setTimeout("alert(1)" , 1000);//设置点击，同时避免一次执行内多次点击var al

2017-03-11 10:34:49 306

原创初学者前端开发学习（一）

前言开始学习之前，要明确我的目的是什么，比如要做前端开发，那学习的方法一定和想做后台开发的学习程度不同。在快速发展的互联网，想要样样精通也不是一朝一夕之事。因此，在前期应该避免不必要的知识扩展，所以我推荐的前端学习方式是：* 基础的html，css和javascript** 巩固基础练习，写代码永远是学习编程的最有效途径** 由所遇到的问题，逐步扩充技能域** 善用搜索引擎和工具** 开始

2017-03-08 09:49:43 688

转载欢迎使用CSDN-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2017-03-08 08:59:56 175

原创 express起步

开启服务安装express 。npm install express引入express。const express = require(‘express’);监听端口。const app = express();app.listen(port);引入模板npm install hbs –saveconst hbs = require(‘hbs’);app. set(‘view engi

2017-02-27 20:15:06 703

原创 prototype

原型继承原型链js 没有提供类继承。虽然es2015新增了class关键字，但仅仅作为一个语法糖， js仍然是基于原型的。 js继承只有一种结构：Object。每个object内部都有一个link连接自己的prototype object。并且这个prototype对象有自己的prototype。这样就构成了一条链，直到这个link连接的prototype对象为null,这条链就叫原型链，原型

2017-02-27 15:33:35 262

原创 javascript 模式

工厂模式function createPerson(name , age){ var o = new Object(); o.name = name; o.age = age; o.sayHi = function(){ console.log('Hi'); } return o;}缺点：工厂模式可以制造大量相似的实例，但却无法知道对象类

2017-02-27 11:50:33 197

原创 first step

特殊符号如果想要在html中显示 < > ” ‘这些符号，而不作为html标签引号，需要如下改写。< <> >" "' '& &

2017-02-27 10:20:57 175

原创 String字符串

字符方法var a = 'hello';a.charAt(1)//evar a = 'hello';a.charCodeAt(1)//101字符串操作方法concat() +操作符效果相同slice()substr()substring()都为浅拷贝，不会修改字符串本身字符串位置方法indexOf()lastIndexOf()trim()字符串大小写转换toLowerC

2017-02-26 14:28:09 181

原创函数function

废弃警告：ECMAScript 5 禁止在严格模式中使用 arguments.callee()。当一个函数必须调用自身的时候，假如它是函数表达式则给它命名，或者使用函数声明，避免使用 arguments.callee()应该用命名函数表达式代替。函数名字仅作为一个包含指针的变量。如果执行函数要带括号。同样应该避免使用的还有被移除的arguments.caller,Function.caller。

2017-02-26 13:30:33 160

原创正则表达式 RegExp

正则表达式模式匹配g 表示全局模式，匹配所有相符而不是发现第一个就停止i 表示不区分大小写m 表示多行使用元字符必须转义 ( [ { \ ^ $ | ) ? * + . ] }语法 http://www.runoob.com/regexp/regexp-syntax.html https://msdn.microsoft.com/zh-cn/library/ae5bf541(VS

2017-02-26 09:59:26 247

原创 Date

创建格式化的时间Date.now()//获取当前时间毫秒toLocaleString()toString()valueOf()new Date().toLocaleString()"2017/2/25 下午1:07:59"new Date().toString()"Sat Feb 25 2017 13:08:18 GMT+0800"new Date().valueOf()148799

2017-02-25 13:20:13 355

原创一步一步学习node

准备工作nodeAPI中英文的地址。http://nodejs.cn/ 历经周折之后，始终没有找到最好的学习入口。环境也能搭建了，对于node也有了一些简单的了解，可是总觉得不够系统，最终我选择了通过API一点一点扎实的学习，而不是浮躁的直接搭建项目。我会记录下学习过程中的波折和疑问。开启服务引用nodejs的例子，有一点需要注意。就是server.listen.const http = re

2017-02-24 09:46:53 349

原创 Array

js的array与其他语言最大的区别就是Array可以保存任何类型的数据。可以这样创建一个arrayvar arr = new Array(5);//创建一个length为5的Array。var arr = [];//创建一个空Array/*可以这样做*/arr.length = 3;//从arr的末尾移除项或添加项。/*可以很方便的利用length在数组末尾添加项*/arr[arr.le

2017-02-23 17:23:30 236

原创引用类型

javascript有两种数据类型，基本类型和引用类型。 typeof null 得到object。但实际null是一个基本数据类型。而不是一个空指针。常见的引用类型：Array、Object。创建一个实例的方法:var a = new Object(){ this.name = "magic";}var b = { name : 'magic'}//我更喜欢对象

2017-02-23 14:23:00 190

原创作用域

try-catch中catch ,with语句可以延长作用域链。 javascript没有块级作用域。if(){} ,for(){}等都不会拥有作用域。 javascript中的函数和变量，有着变量提升的特性。所以声明函数一般都在顶端。应尽量减少全局变量，使用全局变量完成后，我们可以手动使变量为null，等待垃圾回收处理。

2017-02-23 13:53:35 302

原创布尔操作符

逻辑与!!"blue"//true !!与Boolean作用相同//逻辑与是短路操作符，如果第一个参数为对象，则结果为第二个参数。//有一个操作数是null，返回null。//有一个操作数是undefined返回undefined。//有一个操作数是NaN返回NaN。var o = new Object();o && 1;//1o && false;//falsenull && u

2017-02-23 08:44:16 362 1

原创位操作符

判断奇偶//输出100以内所有奇数for(var i = 0 ; i < 100 ; i++){ if(i & 1){ console.log(i); }}两数交换function swap(a , b){ if(a != b){ a ^= b; b ^= a; a ^= b; }}取反~num +

2017-02-22 21:57:13 345

原创 Object

Object具有的属性和方法ConstructorhasOwnProperty(propertyName)isPropertyOf(obj)propertyIsEnumerabletoLocaleString()toString()valueOf()

2017-02-22 20:32:48 233

原创 toString()与String()

除了null与undefined，其他数据类型都具有一个toString()方法。而对于未知的数据可以采用String()来转换为字符串。除此之外我更喜欢用简单的 +”“转换为字符串。String(null);//"null"String(undefined);//"undefined"var a = 10;consloe.log(typeof (a+""));//string

2017-02-22 20:25:36 885

原创 parseInt() 与 parseFloat()

将其他格式转换为数字，一般用parseInt()与parseFloat()。很少用Number()。以下代码可以看出，parseInt()方法仅可以作为全数字或开头含数字字符串、小数转化为整型数字。而Number()可以转化其他各种类型包括对象为数字。parseInt('123aaa');//123Number('123aaa');//NaNparseInt(true);//NaNNumbe

2017-02-22 15:15:02 3613

原创 typeof操作符

typeof操作符返回值 - undefined - boolean - string - number - object - functiontypeof null;//object

2017-02-22 08:23:55 547

原创 javascript需要记忆又容易被忽视的基础

本文只做偶尔翻看记忆区分大小写标识符第一个字符必须是一个字母、下划线或一个美元符号。其他字符可以使字母、下划线、美元符号或数字。数据类型5种简单数据类型：Undefined、Nul、Boolean、Number、String1种复杂数据类型：Object

2017-02-22 08:16:38 477

java中的自动装箱与自动拆箱

首先需要记忆一下包装类的概念。Java有八种基本类型，分别是 int short long byte float double boolean char。由于基本类型非面向对象，所以在有些时候，比如想使用.toString()就无法使用。因此。就产生了包装类，他们与基本类型相互对应。[table]| int | Integer| short |...

2016-06-13 10:43:49 91

String StringBuilder 与StringBuffer的区别

在面试中，经常会问的问题就有String StringBuilder StringBuffer的区别。这里我只做一个复习的记录与自己的理解，详细的区别，java的api介绍的很详细。他们位于java.lang下。首先最常用的是String 。在不需要对字符串本身进行大量操作时，我会用到它。然后是StringBuilder ，在非线程安全时，并大量操作字符串时，使用它。最后...

2016-06-13 10:42:53 72

java 基础复习（一）

工作后，会发现经常会重复一些ctrl+c ,ctrl+v 的工作，这样对我的水平并不会有太大的提高。因为所用到的都是一些公司长久积累下来的框架，所以内部的具体封装我并不了解。在经历了一段时间的读代码，以及框架的基础搭建后，我知道了，学习也许有捷径，但是基础还是很重要，否则浪费的时间远远大于学习的时间。因此在这里，我打算从java基础重新复习，以走上架构师正确的前进道路，至少现在我这...

2016-06-12 11:04:57 148

空空如也

空空如也