weixin_40969472的博客

转载 WEB前端安全编码规范评审

1. 防范XSS漏洞1.1 漏洞描述XSS又叫CSS (Cross Site Script) ，跨站脚本攻击。它指的是恶意攻击者往Web页面里插入恶意html代码，当用户浏览该页之时，嵌入其中Web里面的html代码会被执行，从而达到恶意攻击用户的特殊目的。1.2 安全风险获取用户cookie、钓鱼、获取用户页面数据、蠕虫、挂马。2. 防范SQL注入漏洞

转载 vue 打包为app

记录以下自己将web app打包成移动端app的步骤及问题事先准备，开发完成的web app项目（也可以利用vue-cli脚手架构建vue模板项目），npm run dev可以正常预览的项目1，将项目目录下config文件内index.js中assetsPublicPath修改为 assetsPublicPath: './'2，执行npm run b

原创 splice与slice、push\pop、unshift、concat的

一、splice（index,count,object）1>index:数组中对应的索引 2>count:对应删除索引后的个数 3>object:需要插入的表达式、字符串串、对象等splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。定义数组：var navList = [{           id: 'search',            n

原创 可观察模式的实例用法，subscribe

DescriptionPerforms http requests using XMLHttpRequest as the default backend.Http is available as an injectable class, with methods to perform http requests. Calling request returns an Ob

原创 对象的赋值，动态创建属性

1、定义一个对象初始化var style ={'animation-duration':100}2、给新对象赋值style["hasOwnProperty"]='zhang'

原创 angular项目的启动流程

背景： 项目启动前准备 1、跨域文件【重要】--disable-web-security --allow-file-access-from-files --js-flag="--expose-gc" --enable-spatial-navigation --disable-web-security --user-data-dir 2、启动服务1>VSPEmulator\set

转载 android生命周期钩子

应用程序组件有一个生命周期——一开始Android实例化他们响应意图，直到结束实例被销毁。在这期间，他们有时候处于激活状态，有时候处于非激活状态；对于活动，对用户有时候可见，有时候不可见。组件生命周期将讨论活动、服务、广播接收者的生命周期——包括在生命周期中他们可能的状态、通知状态改变的方法、及这些状态的组件寄宿的进程被终结和实例被销毁的可能性。本文主要讨论活动的生命周期及他们可能的状态、

转载 在 JS 中使用 fetch 更加高效地进行网络请求

在前端快速发展地过程中，为了契合更好的设计模式，产生了 fetch 框架，此文将简要介绍下 fetch 的基本使用。在 AJAX 时代，进行 API 等网络请求都是通过 XMLHttpRequest 或者封装后的框架进行网络请求。现在产生的 fetch 框架简直就是为了提供更加强大、高效的网络请求而生，虽然在目前会有一点浏览器兼容的问题，但是当我们进行 Hybrid App 开发的

原创 webpack+vue自建项目后，运行npm run dev浏览器自启动

背景：由于vue版本的更新，有两个文件被删除【 /config/dev-server.js and /config/dev-client.js are gone /config/dev-server.js 和/config/dev-client.js】，原配置项被移植到了index.js里面，所以自启动的配置也在里面.见截图：

转载 正向代理与反向代理的区别

正向代理的概念正向代理,也就是传说中的代理,他的工作原理就像一个跳板,简单的说,我是一个用户,我访问不了某网站,但是我能访问一个代理服务器这个代理服务器呢,他能访问那个我不能访问的网站于是我先连上代理服务器,告诉他我需要那个无法访问网站的内容代理服务器去取回来,然后返回给我从网站的角度,只在代理服务器来取内容的时候有一次记录有时候并不知道是用户的请求,也隐藏

转载 新一代的Fetch

AJAX半遮半掩的底层API是饱受诟病的一件事情. XMLHttpRequest 并不是专为Ajax而设计的. 虽然各种框架对 XHR 的封装已经足够好用, 但我们可以做得更好。更好用的API是 fetch 。下面简单介绍 window.fetch 方法, 在最新版的 Firefox 和 Chrome 中已经提供支持。XMLHttpRequest 在我看来 XHR 有点复杂, 我不想解释为什么“X

转载 Fetch and await

老朋友AjaxPromiseFetch APIawait/async 是 ES7 最重要特性之一，它是目前为止 JS 最佳的异步解决方案了。虽然没有在 ES2016 中录入，但很快就到来，目前已经在 ES-Next Stage 4 阶段。https://segmentfault.com/a/1190000007116715直接上例子，比如我们需要按顺序获取：产品数据=>用户数据=>评论数据老朋

转载 DTO

【前面的话】     在和技术人员的交流中，各种专业术语会出现，每次都是默默的记录下出现的术语，然后再去网上查看是什么意思。最近做项目，需要使用到DTO，然后学习一下吧。     这篇文章是关于Java DTO的，选择性阅读。【几个定义】     分布式系统（distributed system）：是建立在网络之上的软件系统。正是因为软件的特性，所以分布式系统具有高

转载 java的几种对象(po,dto,dao等)

j2ee中，经常提到几种对象(object)，理解他们的含义有助于我们更好的理解面向对象的设计思维。     POJO(plain old java object)：普通的java对象，有别于特殊的java对象(含继承约束等)和EJB。POJO一般只有一系列的属性和相应的get、set方法。     PO(persistant object):持久化对象，有别于POJO,必须对应数据库中的

转载 错误记录--更改tomcat端口号方法，Several ports (8005, 8080, 8009)

启动Tomcat服务器报错：Several ports (8005, 8080, 8009) required by Tomcat v5.5 Server at localhost are already in use. The server may already be running in another process, or a system process may be usin

转载 WdatePicker只显示月

[javascript] view plain copy"../javascript/My97DatePicker/WdatePicker.js" type="text/javascript">          function selectMonth() {          WdatePicker({ dateFmt: 'yyyy-MM', i

原创 运行时发布

转载 eclipse启动很慢调优

前几天装了个eclipse,发现真的启动很慢，而且运行程序也慢，检查了不是网络问题，jsp修改一下，一保存就卡死，要等十几秒，感觉不能忍，所以就上网找资料，但是都不全面，小编接下来就把eclipse调优经验分享给大家。工具/原料eclipse方法/步骤找到

转载 常见tomcate无法启动的故障

症状：1、在tomcat安装目录下双击startup.bat手动启动tomcat服务器。访问http://localhost:8080/能正常访问tomcat管理页面。2、在Eclipse下启动报错：Loaded APR based Apache Tomcat Native library 1.1.30.按照网上绝大多数人的解决办法：            下载 http://

转载 webpack 介绍 & 安装 & 常用命令

webpack 介绍 & 安装 & 常用命令webpack系列目录webpack 系列 一：模块系统的演进webpack 系列 二：webpack 介绍&安装webpack 系列 三：webpack 如何集成第三方js库webpack 系列 四：webpack 多页面支持 & 公共组件单独打包webpack 系列 五：webpack Loaders 模块加载器webpack 系列

转载 Vue+Node+MongoDB搭建部署发布

想搭建一个Vue+Node+MongoDB的项目，能跑通整个开发到部署的流程，折腾一个多星期终于可以了~看过不少教学文章，发现教你怎样搭建一个Vue开发环境的很多，搭建Express的很多，但还真没发现一个完整从开发到正式部署的教程，所以只好自己来填这个坑。Node是现学现卖，文中有误请大力指正。其中各种我参考过有用的资源会穿插在文中。一：整理从开发到部署的思路首先我们要整

原创 最新微信小程序，请求第三方api时，无法加载数据报400，解决

最近在跟着demo学习微信小程序，却卡在了第一步请求豆瓣电影api上，折腾了很久，代码如下：wx.request({ url : "https://api.douban.com/v2/movie/in_theaters", data: {}, header:{ "Content-Type":"application/json" },

转载 利用HBuilder将vue项目打包成移动端app

记录以下自己将web app打包成移动端app的步骤及问题事先准备，开发完成的web app项目（也可以利用vue-cli脚手架构建vue模板项目），npm run dev可以正常预览的项目1，将项目目录下config文件内index.js中assetsPublicPath修改为 assetsPublicPath: './'2，执行npm run b

转载 CommonJS与AMD的规范和兼容

草稿二：Node.jsCommonJS规范GitHub TOP CommonJS规范来自《J

转载 JS中值类型与引用类型分析

JavaScript中的值类型与引用类型数据类型值/引用类型备注undefined值类型无值number值类型 boolean值类型 string值类型字符串在赋值运算中会按照引用类型的方式来处理function

转载 js中push,unshift,pop,shift的用法

1、push()、pop()和unshift()、shift()　　这两组同为对数组的操作，并且会改变数组的本身的长度及内容。　　不同的是 push()、pop() 是从数组的尾部进行增减，unshift()、shift() 是从数组的头部进行增减。　var arr = [1, 2];2、push()和unshift()　　向数组的 尾部/头部 添加若干元素，并返回 数

转载 关于javascript的浅拷贝和深拷贝

在 JS 中有一些基本类型像是Number、String、Boolean，而对象就是像这样的东西{ name: 'Larry', skill: 'Node.js' }，对象跟基本类型最大的不同就在于他们的传值方式。基本类型是按值传递，像是这样：在修改a时并不会改到bvar a = 25;var b = a;b = 18;console.log(a);//25console.

原创 _.clone浅复制

api上是这么说的，创建所提供的普通对象的一个浅复制/拷贝克隆，任意嵌套对象或数组将通过引用被复制，而不是深复制/拷贝.Create a shallow-copied clone of the provided plain object. Any nested objects or arrays will be copied by reference, not duplicated.简

转载 Angularjs2导入第三方库的方法

一、最近在学习Angular方面的知识，今天学习了Angular中使用第三方的库，分享给大家如果我们想在Angular中使用第三方的库，比如jquery或bootstrap等，该如果做呢？首先我们先来看看package.json这个文件，在目录介绍那篇博客中我们已经知道，package.json这个文件列出了项目所使用的第三方依赖包。我们在创建新项目的时候默认会给我们下载一些包，这

转载 为何用Angular CLI 以及安装和使用

Angular CLI 安装和使用 Keriy 关注2017.06.22 20:54* 字数 1513 阅读 6029评论 4喜欢 6大家好，我是IT修真院成都分院第5期的学员，一枚正直纯洁善良的web程序员今天给大家分享一下下一代前端开发环境Angular开发工具Angular CLI的安装和使用。一、 背景介绍：两个概念：

原创 mac 运行npm install -g cnpm --registry=https://registry.npm.taobao.org时报错解决办法

mac运行 npm install -g cnpm --registry=https://registry.npm.taobao.org或cnpm install -g @angular/cli 时报错npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules/cnpmnpm WARN

转载 Underscore的安装，以及用法

从其他语言转向Javascript时，通常都会遇到一些困惑性问题。比如，Java中的HashMap在Javascript中如何实现？Javascript面向对象式编程如何实现继承？如何实现通用的iterator对集合对象做遍历？如何对Array实现快速排序？….如果你真的可以自己实现这些功能，那么你的Javascript基础很扎实的！我很佩服你！但对于大部分人来说，这些基础功能应该是由底层

转载 大白话讲解Promise（二）理解Promise规范

上一篇我们讲解了ES6中Promise的用法，但是知道了用法还远远不够，作为一名专业的前端工程师，还必须通晓原理。所以，为了补全我们关于Promise的知识树，有必要理解Promise/A+规范，理解了它你才能知道Promise内部是怎么回事，我们ES6中的Promise是如何一路走来的。 网上关于Promise/A+的翻译文档很多，所以我就不翻译一次了，本篇的目的在于为文档增加一

转载 大白话讲解Promise（一）

去年6月份， ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？是

转载 JavaScript构造函数详解

构造函数就是初始化一个实例对象，对象的prototype属性是继承一个实例对象。  构造函数注意事项：1.默认函数首字母大写2.构造函数并没有显示返回任何东西。new 操作符会自动创建给定的类型并返回他们，当调用构造函数时，new会自动创建this对象，且类型就是构造函数类型。3.也可以在构造函数中显示调用return.如果返回的值是一个对象，它会代替新创建的对象实

转载 Angular2项目日常开发中所遇问题及解决方案记录(一)

Angular2项目日常开发中所遇问题及解决方案记录(一) 易sense 关注2016.09.27 11:30* 字数 382 阅读 11443评论 8喜欢 15赞赏 4最近在把一个angularjs1.4版本的项目使用angular2框架进行升级，因此也把个人每天开发中遇到的问题及解放方案记录下来，不定时更新~1、Webstorm can't find '

原创 angularjs2运行出现此报错，原因分析 Tried to find bootstrap code, but could not specify either statically analyza

angularjs2运行出现此报错，原因分析Tried to find bootstrap code, but could not specify either statically analyzable bootstrap code1、查看扩展名对应的文件是否正确，例如：appcomponent.ts写出appcomponent.js等2、查看main.t里的引用是否

原创 angularjs2环境搭建

1.环境搭建项目依赖，首先安装nodejsnodenpm安装淘宝镜像，为了更快的下载安装相关组件npm install -g cnpm --registry=https://registry.npm.taobao.org安装@angular/cli客户端依赖cnpm install -g @angular/cli清除缓存：一般启动项目加载很慢的时候npm/cnp

原创 slice、call、join、arguments的总结

javascript之slice、call、join、arguments的用法总结1、slice字符串的截取 2、call提取对象中的参数3、join分隔数组对象参数 join("")默认为 “，”分隔4、arguments对象函数，类似与数组但不是数组，不具有重载的概念，也无数据类型的概念，调用参数传入什么值，arguments中就存放什么.并且可以用下标的形式获取到参数的（实参

转载 Router的使用

使用angular声明周期方法,避免在constructor进行太多的工作，只需在constructor中创建和声明变量即可在ngModel的import中导入我们的router，RouterModule.forRoot（） 路径可以是相对和绝对路径，“：id”这样的表示代表route参数id。data属性是与指定router关联的参数数据，对活动的router可见，空路径是默认路径，