yangxiaoyanger-CSDN博客

原创 html中href和src的区别

href通常应用于a、link元素中，对文档和外部链接简历管理，src是会把文档替换掉当前标签所在的位置，img 、iframe、script是经常用到的。参考： href是Hypertext Reference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。例如： <link href="reset.css" rel=”st...

2018-09-19 13:58:21 299

原创 maven初见面

1. 从eclipse的svn中导入maven的项目需要把项目先convert to maven project。然后运行 clean compile packege

2018-09-13 10:40:51 201

参考https://www.w3cplus.com/css/understanding-bfc-and-margin-collapse.html原来，通过w3c的官方规范可知，闭合浮动的块盒在margin-top上所产生的间距（clearance）的值与该块盒的margin-top之和应该足够让该块盒垂直的跨越浮动元素的margin-bottom，使闭合浮动的块盒的border-top恰好与浮...

2018-09-12 13:48:22 195

原创函数声明与函数表达式

函数声明和函数表达式匿名函数和具名函数

2018-09-05 14:42:49 242

原创你不知道的js之欺骗词法作用域（已废弃，仅供了解）

无论函数在哪里被调用，也无论它如何被调用，它的词法作用域都只由函数被声明时所处的位置决定。改变词法作用域有两种‘欺骗’手段：1. eval，eval(..) 都可以在运行期修改书写期的词法作用域。2. with,with是为重复使用对象。会形成一个新的作用域，将对象的属性当作标识符来表示。这两个欺骗手段都是在运行阶段起作用，因为编译阶段会认为这段无效，也是因为没法在编译阶段进...

2018-09-05 14:08:00 309

原创 RHS和LRS查找区别

LRS和RHS是作用域查找范畴中的两个概念。LHS通常目标是对一个变量进行赋值操作。会把一个变量对应的容器本身，从而可以对这个变量进行赋值。而RHS通常是在等号的右边，目标是查找到变量对应的值，其实应该叫‘非左侧’更合适一点。例如foo(2)是RHS查询，console.log(a)也是RHS查询。 ...

2018-09-05 13:31:11 681

原创 ReferenceError和TypeError区别

ReferenceError和TypeError区别在于，ReferenceError是和作用域查找相关，TypeError是查找作用域成功，但是对变量的操作非法或者错误所生成。假如查找不到变量。LHS在非严格模式下找不到变量会自动生成全局变量，但是在严格模式会和RHS一样ReferenceError的错误。假如能查找到变量，对其进行非法或者不正确的操作都会报TypeError的错误。...

2018-09-05 13:21:37 1306

原创 ionic打包android的apk包

Cordova 打包 Android release app 过程详解：1.全局安装Cordova CLI: 1 npm install -g cordova 2.创建项目： 1 cordova create cordova-demo com.example.cordovaDemo cordovaDemo ...

2018-07-28 14:41:26 625

原创 angualrJS中拼接的html中包含click事件，怎么正常运行？

在拼接的html中直接写ng-click事件不会执行？？？想到选择文件改变时候onchange="angular.element(this).scope().fileNameChanged(this)"就可以得到对应改变事件。 <input type="file" name="file" class="notFormFile" id="scorefile" style="di

2018-07-28 10:39:07 1224

原创 ionic3降级 ionic2打开之前的项目

因为需要参考之前的项目，之前的项目是ionic1.3.4做的，无奈现在都到ionic3了，之前的ionic项目完全启动不了。各种错误。不过还好花费了我半天的宝贵的时间终于解决。ionic2.1.18cordova4.1.2首先当然是先卸载之前的高版本的ionic和cordova，因为之前是全局安装所以用npm uninstall -g ionic cordova然后ionic1的文件ionic.p...

2018-07-04 11:29:13 558

转载 http协议需要知道

转自前端开发者必须知道的http协议的事情1.概念 http（超文本传输协议）是一个基于请求与响应模式的、无状态的、应用层的协议，常基于TCP的连接方式，HTTP1.1版本中给出一种持续连接的机制，绝大多数的Web开发，都是构建在HTTP协议之上的Web应用。2.发展 0.9版本（只支持get）——1.0——1.1——2.0（开发中） 0.9版本只能算是试用版，不做介绍。...

2018-06-27 18:17:53 509

原创基于node-webkit + enigmavb.exe打包一个node web应用为windows的打包方案

工具（node-weblit与enigmavb.exe）下载地址： https://github.com/rogerwang/node-webkithttp://enigmaprotector.com/assets/files/enigmavb.exe参考：基于node-webkit的web项目打包方案步骤：1. 生成包含有package.json配置文件的完整的web应用压缩包example.z...

2018-06-27 15:08:05 1043

转载 h5离线缓存技术

HTML5提供了很多新的功能以及相应的接口，离线存储就是其中的一个，离线存储可以将站点的一些文件存储在本地，在没有网络的时候还是可以访问到以缓存的对应的站点页面，其中这些文件可以包括html，js，css，img等等文件，但其实即使在有网络的时候，浏览器也会优先使用已离线存储的文件，返回一个200（from cache）头。这跟HTTP的缓存使用策略是不同的。它是浏览器自己的一种机...

2018-06-27 13:30:18 2899

原创 nodejs Error: SQLITE_CANTOPEN: unable to open database file

一直打不开sqlite3的数据库。。然后从网上找了半天有说文件权限的问题，可是在windows操作系统下，怎么修改文件权限？有的文章说用cacls.exe命令，例如点击打开链接cacls c:/ /e /t /g everyone:F可是我试了半天还是一直报错，然后看到一篇文章sqlite3模块插入数据库为什么一直提示无法打开数据库已解决是数据库文件路径的问题，原来是因为数据库路径写错了！dat...

2018-06-25 15:39:25 6691

转载自适应屏幕设置

2018-06-07 13:16:21 1101

转载 ngularJs项目实战05: 不同controller作用域之间通信的方式

最近在做d3js + angularjs项目中，经常遇到d3组件与angularjs模块间通信的问题，以及angularjs多个作用域之间互相通信的问题。关于angularjs的作用域概念及其继承模式，这里有一篇我觉得不错的文章，不了解的朋友可以先去看看。本文主要谈angularjs多个作用域之间如何互相通信。我们经常遇到这样的需求：A作用域这里有一个值改变了，如何通知作用域B相应值去改变。为此我...

2018-06-06 14:39:18 281

转载 angular模块化和依赖注入

AngularJS使用模块化的组织方式，和依赖注入的设计。这使得模块之间耦合度较低，模块更容易复用。同时支持声明式的编程风格。在你创建Angular Module 或者 Service 之前，首先需要了解一下 Angular Module 和 Service 的工作方式。模块概念在Angular中，一个Module通常对应一个js文件，其中可以包括Controller、Service、Filte...

2018-06-06 09:46:44 333

转载 AngularJS中的factory、service以及provider的区别

初学 AngularJS 时，肯定会对其提供 factory 、 service 和 provider 感到疑惑，这三种都是提供服务的方式，他们到底有什么区别呢？factoryfactory 可以认为是设计模式中的工厂方法，就是你提供一个方法，该方法返回一个对象的实例，对于 AngularJS 的 factory 来说，就是先定义一个对象，给这个对象添加属性和方法，然后返回这个对...

2018-06-05 15:02:09 757

原创 jsrsasign的签名实现

参考jsrsa签名实现参考基于jsrsasign框架的vue在rsa的签名过程参考：https://www.jianshu.com/p/78821648d6ff应用库： http://kjur.github.io/jsrsasign/ github： https://github.com/machinewu/jsrsasign这个是由前端用私钥签名，后端用公钥验证的过程。前端生成随机的32位随机...

2018-05-22 13:57:57 7391 1

转载为什么要有跨域限制

阅读数：61作者：黄家兴链接：https://www.zhihu.com/question/26376773/answer/244453931来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。了解完跨域之后，想必大家都会有这么一个思考，为什么要有跨域的限制，浏览器这么做是出于何种原因呢。其实仔细想一想就会明白，跨域限制主要是为了安全考虑。AJAX同源策略主要用来防止CS...

2018-05-17 15:20:05 1299

转载 JSONP原理

转自JSONP原理ajax请求受同源策略影响，不允许进行跨域请求，而script标签src属性中的链接却可以访问跨域的js脚本，利用这个特性，服务端不再返回JSON格式的数据，而是返回一段调用某个函数的js代码，在src中进行了调用，这样实现了跨域。什么是JSONP首先提一下JSON这个概念，JSON是一种轻量级的数据传输格式，被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主...

2018-05-17 15:16:30 102

原创 angular4中template语法

<table id="example" class="am-table am-table-bordered am-table-striped am-table-hover"> <thead> <tr> ...

2018-05-17 13:44:12 2308

原创 css3之过度——transition

animate是css3实现过渡效果的有两个规定1. 希望把过渡作用到哪个属性上面？2. 过渡时间举个栗子：div { transition: width 2s, height 2s, transform 2s;-moz-transition: width 2s, height 2s, -moz-transform 2s;-webkit-transition: width 2s, he...

2018-05-17 12:01:24 235

原创 angular4 的动态style之background-image

参考angualr4之background-image的问题Style bindingYou can set inline styles with a style binding.Style binding syntax resembles property binding. Instead of an element property between brackets, start with t...

2018-05-17 11:13:37 6858

转载 js深入之创建对象方法和优缺点

写在前面这篇文章讲解创建对象的各种方式，以及优缺点。但是注意：这篇文章更像是笔记，因为《JavaScript高级程序设计》写得真是太好了！1. 工厂模式function createPerson(name) { var o = new Object(); o.name = name; o.getName = function () { console.log...

2018-05-16 11:26:17 236

转载 javascript深入之new的实现

new一句话介绍 new:new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型之一也许有点难懂，我们在模拟 new 之前，先看看 new 实现了哪些功能。举个例子：// Otaku 御宅族，简称宅function Otaku (name, age) { this.name = name; this.age = age; this.habit = '...

2018-05-16 11:16:22 264

转载 JavaScript深入之bind的模拟实现

bind一句话介绍 bind:bind() 方法会创建一个新函数。当这个新函数被调用时，bind() 的第一个参数将作为它运行时的 this，之后的一序列参数将会在传递的实参前传入作为它的参数。(来自于 MDN )由此我们可以首先得出 bind 函数的两个特点：返回一个函数可以传入参数返回函数的模拟实现从第一个特点开始，我们举个例子：var foo = { value: 1};fun...

2018-05-16 11:10:00 120

原创 js事件流

事件流包含三个阶段：1. 事件捕获2. 事件目标3. 事件冒泡elementObj.addEventListener(type, handle, iscaptrue)iscaptrue为true代表捕获阶段，为false是冒泡阶段。默认是冒泡IE浏览器只有冒泡，没有捕获这就是委托事件绑定： $(selector).delegate(childSelector,event,data,functio...

2018-05-16 10:23:14 342

原创 DOM绑定事件的三种方式

1. 在DOM中绑定。在DOM中绑定有两种方式:直接在html中onXxxx = "jsCode"在html中onXxx = "handleName()"，然后在js文件中定义 function handleName() {jsCode} <button onClick="alert('111')" type='button'></button> <bu...

2018-05-16 08:52:25 7971

原创 node web 打包成桌面应用

参考 node-webkit 和node-webkit打包工具是的使用node web需要有package.json文件和index.html文件package.json中需要指定main属性，对应的是index.html的位置copy /b nw.exe+ga.zip app.exe...

2018-05-09 15:14:41 581

转载浅析XSS和CSRF攻击及防御

原文链接浅析XSS和CSRF攻击及防御定义XSS(Cross Site Scripting跨站脚本)，为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆，故将跨站脚本攻击缩写为XSS。CSRF（Cross-site request forgery跨站请求伪造）是一种依赖web浏览器的、被混淆过的代理人攻击。XSS定义的主语是“脚本”，是一种跨站执行的脚本，也就是j...

2018-05-09 13:36:34 1061

原创对象的创建方式

<!DOCTYPE html><html><head> <title>create obj</title></head><body> <script type="text/javascript"> // ************************

2018-04-23 14:35:50 95

转载学会学习

作者: Don Denoncourt 来源: InfoQ 发布时间: 2018-02-25 15:28 阅读: 15793 次推荐: 54 原文链接 [收藏] 　　英文原文：Relearning to Learn 译/张健欣本文要点阅读和理解是不够的，你还需要记住你学的内容。进行主动阅读——你的大脑充分理解这些概念并将它变成你自己的东西。放慢你的大脑，做有创意的笔记，...

2018-04-16 10:00:24 266

转载怎么判断数组类型

1. typeof真的那么厉害吗？？?123//首先看代码var ary = [1,23,4];console.log(typeof ary); //输出结果是Object上面的办法并不能实时的检测出是否是数组，只能判断其类型，所以说typeof判断基本类型数据还是挺好的，但是不能准确测试出是否是数组（typeof的具体用法以后提及，现在回归正题）2.instanceof 判断?12var ary...

2018-04-16 09:45:13 3241

转载前端基础进阶（十二）：深入核心，详解事件循环机制【推荐】

转载自前端基础进阶【该作者写了前端基础进阶文章，超级推荐！】JavaScript的学习零散而庞杂，因此很多时候我们学到了一些东西，但是却没办法感受到自己的进步，甚至过了不久，就把学到的东西给忘了。为了解决自己的这个困扰，在学习的过程中，我一直试图在寻找一条核心的线索，只要我根据这条线索，我就能够一点一点的进步。前端基础进阶正是围绕这条线索慢慢展开，而事件循环机制(Event Loop)，则是这条...

2018-04-11 15:12:34 167

转载 ES6 — 箭头函数

一为什么要有箭头函数我们在日常开发中，可能会需要写类似下面的代码 const Person = { 'name': 'little bear', 'age': 18, 'sayHello': function () { setInterval(function () { console.log('我叫' + this.name + '我今年'...

2018-04-11 13:46:01 148

转载 js实现继承的5种方式,

转自js继承5种方式1、对象冒充 // 对象冒充 function Parent(username) { this.username = username; this.hello = function () { alert("hello"); } } function Child(username, password) { this.method =...

2018-04-10 21:16:55 203

转载 CSS实现单行、多行文本溢出显示省略号（…）

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：效果如图：但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。接下来重点说一说多行文本溢出显示省略号，如下。实现方法：效果如图：适用范围：因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动...

2018-04-10 19:48:42 138

转载使用Angularjs和Vue.js对比

使用Angularjs和Vue.js对比之前项目都是使用Angularjs，（注明此处主要讲Angularjs 1）在初步使用Vue.js后做一个简单的对比笔记。首先从理论上简单说一下各自的特点，之后再用几个小的例子加以说明。Angular1，MVVM（Model）(View)(View-model)2，模块化（Module）控制器（Contoller）依赖注入：3，双向数据绑定：界面的操作能实时...

2018-04-10 10:43:33 289

原创 angularJS指令相关

restrict——匹配模式AEMCA：attribute <div hello></div>E: element <hello></hello>M： comment C: class <div class="hello"></div&

2018-04-09 21:14:41 94

index.html

空空如也