- 博客(89)
- 资源 (10)
- 收藏
- 关注
RSS订阅原创 CSRF漏洞
一：CSRF漏洞概述CSRF（Crose-site request forgery）,即跨站请求伪造，也被称为：一键攻击/ (one click attack/session riding)；攻击者盗用了你的身份伪造一个请求，用户一旦点击了这个请求，整个攻击也就完成了；CSRF通常的攻击方式：以你的名义发送邮件、消息、购买商品、转账、盗取账号信息等。二：CSRF漏洞测试流程比如现在有个用户victim需要登录一个购物网站，正常情况下，victim登陆（获取后台权限）后，如果他编辑好了修改的内容，
2022-03-26 15:56:16
5197
原创 2.1 java基础数据类型
Java数据类型一：废话不多说，直接上图片，简洁明了： 由上图可知，从广义上，java的数据类型分为两种：基本数据类型和引用数据类型； 其中基本数据类型又分为三大种8小种：数值型 整数型（1.byte，2. short 3. int 4.long） 浮点型 （5. double和6. float）字符型(7. char )布尔型(8. boolean )引用数据类型分为三种：
2017-10-25 23:02:28
486
原创 React Native安卓应用调试填坑记录
一：遇到问题：Android 真机无法运行，模拟器可正常运行运行react-native run-android ，模拟器正常运行，用的（魅族手机）却不能运行，报错：React Native 之 com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException；然后通过博文react踩坑记录，
2017-08-07 10:25:29
2095
原创 react-native实现轮播图
一：需要的熟悉scrollView？scrollView无疑是移动开发中很重要的一个组件，比如后面会学到的ListView就是继承自它。那么，在开发中比如：焦点图、引导页等地方都需要它。注意：scrollView必须有一个确定的高度才能正常工作； 通常有两种做法： 第一种： 直接给该ScrollView进行设置高度(不建议)； 第二种： ScrollView中不要加{flex:1}。
2017-08-01 20:57:03
2298
原创 React Native加载图片详解
一：Image组件的基本用法1.1从当前项目(即本地)中加载图片 <View style={styles3.container}> <Text>加载本地图片</Text> <Image source={require('./img/1.jpg')} style={styles3.img1} /> </View>这时候的图片可以放在根目录，也就是和inde
2017-07-25 17:28:45
10277
1
原创 flex布局
flex布局flex布局概述？ flex是flexible Box的缩写，意为“弹性布局”，用来为盒模型提供最大的灵活性，设置为flex布局之后，子元素的float、clear、vertical-align属性将失效。 任何一个容器都可以指定为flex布局#box1{ display : flex; width:300px; height:100px;}其实，总体上
2017-07-24 18:17:10
663
原创 compile函数与link函数用法
compile函数与link函数用法compile和link函数用法？compile函数的作用是对指令的模板进行转换；link作用是在模型和视图之间建立关联，包括在元素上注册事件监听；scope在link阶段才会被绑定到元素上，因此compile阶段操scope会报错对于同一个指令的多个实例，compile只会执行一次，而link对于指令的每个实例都会执行一次；一般情况下我们只要编写lin
2017-07-20 09:25:07
1199
原创 理解ng中的依赖和注入
Angularjs中的依赖注入一：为什么要依赖注入？ ”依赖注入” ——，从字面意思上来说分为两个部分：一是依赖，二是注入。也就是说，当一个对象在建立时候，需要依赖于另一个对象，这是代码层的一种依赖关系；当在代码中声明了依赖关系之后，Angular通过injector注入器将所依赖的对象进行”注入”操作.二：Angular的三种注入方式？ 推断型注入、声明式注入(标注式注入)，内联注入,下面的例
2017-07-19 21:52:14
1103
原创 ng中定义service和filter的方法
angularjs子定义Service用法？$http的用法？ $http是Angularjs内置的服务，用起来可以链式调用，用法如下： myMdoule.controller('LoadDataCtrl',['$scope','$http',function($scope,$http){ $http({ method : 'get',
2017-07-19 21:50:42
610
原创 scope的绑定策略
初探scope的用法？我们创建一个例子： 在第一个html文件中： <hello></hello> <hello></hello> <hello></hello> <hello></hello>js代码： var myModule = angular.module('myModule',[]); myModule.directive('hello',fu
2017-07-18 16:03:24
770
原创 link属性
Angular中指令与控制器之间的交互（link属性使用） link属性值为一个函数,link函数主要用于操作dom元素,给dom元素绑定事件和监听,这个函数有五个参数:scope,element,attrs,ctrl,linker - scope: 指令所在的作用域,这个scope和指令定义的scope是一致的.至于指令的scope,会在讲解scope属性的时候详细解释 - element:
2017-07-18 16:02:11
1036
原创 directive-自定义指令的方法.md
02directive——Angularjs的创建指令方法restrict 值分类:E 作为元素名使用,例如：<hello></hello> A 作为属性使用(默认),例如：<div hello></div>C 作为类名使用 , 例如：<div class="hello"></div>M 作为注释使用, 例如：<!--directive:hello-->directive的templa
2017-07-18 16:00:48
1289
原创 AngularJS 中的ui.router使用方法
一：为什么使用ui-router？ 如果使用原生router的话，也就是当我们在index.html页面引用angular-route.js的时候，例如：我们在index.html页面的body下加入<div class="page {{pageClass}}" ng-view></div>，然后我们在app.js中写入（具体代码看文章末尾的下载链接）：var bookStoreApp = ang
2017-07-14 18:32:09
6136
原创 gulp的实时刷新、代码压缩、代码排错
gulp的学习一：什么是gulp？ 简而言之，gulp是一种工具，是一种前端工具，是一种在前端开发过程中对代码进行构建的工具。 作用：对网站资源优化，比之前流行的工具grunt构建项目过程重复率低，可以愉快的编写代码。 具体作用：网页自动刷新、CSS预处理、代码检测、压缩图片、等等…… 只需用简单的命令就能全部完成，让你把重点放在功能开发上；同时减少人为失误，提高开发效率和项目质量，让专注更为
2017-07-09 21:09:05
756
原创 mongoDB常用命令
1. 展示数据库：show dbs； 2. 显示当前数据库对象或集合：db; 3. 连接到一个指定的数据库: use; 4. 关系型数据库和mongodb的术语： 5. 集合就是 MongoDB 文档组，类似于 RDBMS中的表格，例如：{"site":"www.baidu.com"}{"site":"www.google.com","name":"Google"}{"site":"w
2017-06-12 09:49:02
398
原创 使用Babel转码
使用Babel转码Babel转码器就是将 ES6 代码转为 ES5 代码 // 转码前input.map(item => item + 1);// 转码后input.map(function (item) { return item + 1;});1.怎样使用Babel转码? 全局作用域的情况 步骤一：先在项目的根目录里创建好.babelrc文件，(这里记住，一定要手动创建一个
2017-05-25 19:33:23
1945
原创 JavaScript的继承方式——原型链
JavaScript中依靠原型链的继承方式开门见山，ECMAScript中实现继承主要是靠原型链来实现的。 什么是原型链呢？ 其基本思想是利用原型，让一个引用类型继承另一个引用类型的属性和方法。根据上一节原型对象：我们知道，每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。那么如果我们让原型对象等于另一个类型的实例，结果会怎样呢
2017-05-16 23:45:27
1448
原创 AngularJs书籍和视频资源
一：网址 1.Angularjs菜鸟教程 (http://www.runoob.com/angularjs/angularjs-http.html) 2. AngularJS中的Provider们：Service和Factory等的区别 3. 跟我学AngularJs:Service、Factory、Provider依赖注入使用与区别 4. AngularJS中service，factor
2017-05-12 19:30:25
674
原创 对AngularJs中依赖注入的理解和使用方法
Angular中的依赖注入一：什么是依赖注入？ 依赖注入是一种软件设计模式，在这种模式下，一个或更多的依赖被注入到一个独立的对象中，然后成为该对象的一部分。该模式分离了客户端依赖本身行为的创建，使得程序设计变得松耦合，并遵循了依赖反转和单一职责原则。与服务定位器模式形成直接对比的是，它允许客户端了解客户端如何使用该系统找到依赖。 AngularJS 提供很好的依赖注入机制。以下5个核心组件用
2017-05-12 19:21:11
728
原创 px,pt,ppi,dpi,dp,sp,em,rem,vw和vh等css中常用长度之间区别总结
首先我们大致了解一下每个简称的含义，他们都是在设备中表示长度：px：(pixel)像素，像素px是相对于显示器屏幕分辨率而言的(引自CSS2.0手册)。电子屏幕上组成一幅图画或照片的最基本单元；pt: (point)点，印刷行业常用单位，等于1/72英寸，就是我们在Word或者WPS等办公软件中使用的字体大小单位；ppi: (pixel per inch)每英寸像素数，该值越高，则屏幕越细腻，
2017-03-01 10:06:13
11628
转载 JavaScript技术书籍和资料
《ECMAScript 6 入门》：http://es6.ruanyifeng.com/#docs/let 作者：阮一峰
2017-02-15 20:52:30
490
原创 nth-child和nth-of-type的区别
nth-child可以选择父元素下的字元素，nth-of-type也可以选择。但是它们到底有什么区别呢？ nth-of-type为什么要叫:nth-of-type？因为它是以”type”（类型）来区分的；nth-of-type(n)是指父元素下第n个ele元素nth-child(n)是指父元素下第n个元素且这个元素为ele，若不是，则选择失败。 例子如下所示：<!DOCTYPE html>
2017-02-01 16:51:35
430
原创 wamp中多站点配置
今天把wamp配置搞明白了，需要记一下，要不然又忘了还得重新学习。其实配置方法很简单，我的wamp安装在F盘中，你们如果安装在C盘中，改一下路径就可以了，跟着我做，一定可以配置好。一共分为三步：一：修改F:\wamp\bin\apache\apache2.4.9\conf\extra文件夹下的httpd-vhosts.conf文件，需要修改的地方我已经标出该文件如下所示： 学习英语的应该都
2017-01-12 10:40:36
2755
1
原创 wamp目录前面的小图标不能显示问题解决
今天切换了wamp的目录，然后打开localhost的时候，发现，目录前面的图标不见了，对于有强迫症的我是无法忍受的： 然后我就百度了一下，找到了这个图标的配置文件：F:/wamp/bin/apache/apache2.4.9/conf/extra/httpd-autoindex.conf打开后按照方法修改了两处地方，这两处地方都改为：F:/wamp/bin/apache/apache2.4.
2017-01-11 21:20:51
2397
原创 HTML5 canvas画板的制作
canvas画板的制作 今天看了一些canvas视频的教程，有制作画板的过程，但是我有给出他们的简洁版和使用版本，能让用户看出画直线的路径，也就是当你拉一条直线的时候就和绘图工具一样，都能很好使用，绘图之后，可以使用php文件下载的本地，效果如下所示： 代码文件多，需要亲自下载，下载地址：HTML5在线画板代码压缩包 GitHub上下载地址：github上下载地址，记得给星星哈！
2017-01-09 11:21:32
3197
原创 HTML5 canvas绘制太阳系各行星(包括月球的公转)
canvas绘制太阳系 看了好多canvas绘制太阳系行星，他们都忽略了月亮，虽然月亮不是行星，但是绘图少了月亮也就没有挑战性了，今天我就计算了一下月亮的轨迹，然后按照公转的比例画了上去，首先看一下效果： 接下来是项目的说明书和标准： 根据以上的效果和要求，我们写出的代码为：<!DOCTYPE html><html> <head> <meta charse
2017-01-04 17:01:47
10190
1
原创 HTML5 用canvas制作时钟的方法
clock时钟制作需求如下：一：分析项目？分析时钟的组成；分析需要的canvas技术；代码实现；美化效果。二：时钟组成？表盘(橙色)刻度(黑色)时针(黑色)分针(黑色)秒针(橙色) -表盘中心样式(中心径向渐变) -秒针头部样式(圆圈嵌套)三：分析需要的canvas技术？基础知识需要自己看，此项目需要必须理解并且掌握的东西有： - 画表盘：绘制圆的路径技术，cxt.arc
2017-01-03 16:51:19
1409
转载 前端知识推荐
各类面试题请到网址，包你看不完，看完一定轻松过关：IT问道 前端面试技巧：知乎 — 如何面试前端工程师？ 上传项目到github上：如何用git将项目代码上传到githubGitHub上传菜鸟教程前端页面显示在github上github建立自己的网站物理像素和逻辑像素区别
2017-01-01 17:00:37
548
原创 详解callee和caller, apply()和call()的用法 — 第5.5.4节
一：函数内部的对象：arguments和this 我们都知道js中arguments对象主要是保存函数的参数(如果不知道arguments，在有参数的函数中输出一下就知道了)，但是这个对象还有一个属性为callee，它是一个指针，指向拥有这个arguments对象的函数。例如阶乘函数： function factorial(num){ if(num <= 1){
2016-12-24 21:55:37
1148
原创 七宗罪也许每个人都有
傲慢、妒忌、愤怒、懒惰、贪婪、暴食以及色欲就是我们常说的七宗罪。 看了七宗罪的电影，觉得有些事情豁然开朗了。突然觉得我们和有些犯罪的人一样，只是不愿意太过彰显自己的个性而已。傲慢可能是比较牛的人才具备，但是也不乏有一些半瓶子的人觉得自己就是主宰。但今天要说的主要不是这些，对于现代，傲慢、嫉妒和愤怒都还不算是影响一个人的发展，在这我说的是正常的人。而懒惰、贪婪和暴食就是影响一个人发展的主要原因了。
2016-12-21 21:43:00
2558
原创 js中的获取事件 — 第5.3讲
一：时间标准？ GMT：格林尼治所在地的标准时间，不准确，一个小时调一次。 UTC：世界统一时间，世界标准时间，国际协调时间。协调世界时是以原子时秒长为基础，2000万年相差一秒。现在基本都用UTC。 二：获取时间间隔？ 1. ECMA5添加了Date.now()方法，获取当前日期和时间的毫秒数。 var start = Date.now(); for (var i = 0
2016-12-21 20:14:27
633
原创 模拟事件的方法 — 第13.6讲
一：创建DOM事件的方法？ 模拟事件的步骤：创建event对象，它接受四种参数： UIEvents ： 一般的UI事件。其实鼠标和键盘事件都继承自UI事件，DOM3级中是UIEvent；MouseEvents：一般化的鼠标事件。DOM3级中的是MouseEvent；MutationEventents：检测DOM变动的事件。DOM3中是MutationEvent。HTMLEvents ：一
2016-12-20 16:50:50
555
原创 js给每个li绑定不同事件(事件委托技术)
一：给ul下的li绑定同样的事件（制作选项卡的原理） html可css：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * {margin: 0;padding: 0;} #myList {width:
2016-12-20 12:46:47
9564
原创 js中的touch事件及gesture(手势)事件详解 — 第13.4.9节
一：touch事件分类？ 1. touchstart：当手指触摸屏幕时触发。不管有多少个手指放在了屏幕上，只要再触摸一下屏幕就会触发。在此，我用小米的google浏览器做了一个实验，添加一个计数器，用来查看屏幕上手指触摸的次数，代码如下： window.onload = function(){ var i = 0; document.addEventListe
2016-12-19 19:59:11
19635
angularJs权威和精通angularjs
2018-11-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人