sinat_36944265的博客

原创 前端参考网址

食品类翡丽百瑞     http://www.filippoberio.com.cn/

转载 js操作cookie

一、什么是cookie我们在浏览器中，经常涉及到数据的交换，比如你登录邮箱，登录一个页面。我们经常会在此时设置30天内记住我，或者自动登录选项。那么它们是怎么记录信息的呢，答案就是今天的主角cookie了，Cookie是由HTTP服务器设置的，保存在浏览器中，但HTTP协议是一种无状态协议，在数据交换完毕后，服务器端和客户端的链接就会关闭，每次交换数据都需要建立新的链接。从JavaScrip...

转载 npm install -S -D -g 有什么区别

npm install module_name -S 即 npm install module_name --save 写入dependenciesnpm install module_name -D 即 npm install module_name --save-dev 写入devDependenciesnpm install module_name -g...

转载 package-lock.json的作用

其实用一句话来概括很简单，就是锁定安装时的包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致。引用知乎@周载南的回答根据官方文档，这个package-lock.json 是在 `npm install`时候生成一份文件，用以记录当前状态下实际安装的各个npm package的具体来源和版本号。它有什么用呢？因为npm是一个用于管理pac...

转载 解决手机上页面返回但是页面js没有刷新的痛点（BFcache）

看到别人写了很好的文章特转载过来 一些浏览器中返回按钮是直接使用缓存的，不会执行任何js代码，例如, 在提交的时候将按钮设置为loading状态，如果在提交成功后没有对按钮进行处理，那么返回后按钮依然是loading状态，这就很尴尬了。原因：部分浏览器在后退时不会触发onload事件，這是HTML5世代浏览器新增的特性之一——Back-Forward Cache(简称bfcache)...

转载 解决webstorm卡顿问题

webstorm强大的功能就不多做介绍了。但是它的缺点也显而易见：吃内存。电脑配置稍低一点，运行webstorm就特别容易卡顿，特别是项目比较大的时候，那卡顿得不要不要的。在我的笔记本8g内存 256ssd的配置下，运行webstorm还是会稍微有点卡。不过可以通过设置 内存值大小来解决。具体办法：找到WebStorm.exe.vmoptions这个文件，路

转载 破解webstorm方法

http://idea.qinxi1992.cn/能直接获取激活码，粘贴到webstorm激活对话框中的Lisence Code输入框，点击OK即可破解。授权服务器理论支持的版本有IntelliJ IDEA 7.0 或更高ReSharper 3.1 或更高ReSharper Cpp 1.0 或更高dotTrace 5.5 或更高dotMemo

转载 bootstrap-table中文文档

表格参数：名称标签类型默认描述-data-toggleString‘table’不用写 JavaScript 直接启用表格。classesdata-classesString‘table table-hover’表格的类名称。默认情况下，表格是

原创 jquery.form实现ajax上传文件同时设置headers

function ajaxSubmitForm() { 　　　　var option = { 　　 url : '${pageContext.request.contextPath}/userController/upgradeUser_form', 　　 type : 'POST', 　　 dataType : 'json',

转载 让浏览器记住ajax请求并能前进和后退方法（一）

在我们浏览不同网页的时候，我们可以通过浏览器的前进、后退键来去到我们前后访问过的页面。这都有一个共同点，就是 浏览器地址栏的地址改变了。浏览器自身维护了一个记录用户访问页面历史的栈，栈中记录了用户访问不同页面的先后顺序。 但是在开发中，我们经常会用到ajax技术去提升网页的用户体验。但是ajax本身并不改变浏览器地址栏中的url，是在同一个 网页内部操作的，这时，浏览器并不会记录aja

原创 js兼容问题总结

javaScript中一些常见的兼容性问题整理1）滚动条：document.documentElement.scrollTop||document.body.scrollTop 2) 获取样式兼容functiongetStyle(dom, styleName){return dom.currentStyle?dom.currentStyle[

转载 localStorage sessionStorage和cookie区别

1.cookie:存储在用户本地终端上的数据。有时也用cookies，指某些网站为了辨别用户身份，进行session跟踪而存储在本地终端上的数据，通常经过加密。一般应用最典型的案列就是判断注册用户是否已经登过该网站。2.HTML5 提供了两种在客户端存储数据的新方法：(http://www.w3school.com.cn/html5/html_5_webstorage.asp)...两者都

转载 一次完整的http请求

HTTP协议是无状态协议，依赖瞬间或者近乎瞬间的请求处理。请求信息被立即发送，理想的情况是没有延迟地进行处理；不过，延迟还是客观存在的。HTTP 协议有一种内置机制，在消息的传递时间上有一定的灵活性：超时机制。一个超时就是客户端等待请求消息返回信息的最长时间。HTTP协议的请求和响应消息如果没有发送并传递成功的话，不保存任何已传递的信息。比如，单击“提交”按牛，如果表单没有发出去，

转载 GET和POST区别

HTTP协议GET和POST请求的区别浏览器中输入网址访问资源一般都是通过GET方式；在FORM提交中，可以通过Method指定提交方式为GET或者POST，默认为GET提交。Http协议定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET、POST、PUT、DELETE。URL全称是资源描述符，可以认为一个URL地址用于描述一个网络上的资源，而HTTP中的G

原创 js当前光标位置分析

今天继续翻箱底整理自己之前的代码段，看到了可拖拽窗口，review了源代码感觉就是几个当前光标的获取。然后习惯的查了w3c发现原来与光标位置有关的东西还真不少，你们几个兄弟长得还真像，不行，我得写个demo来问问你们到底谁是谁~查到了一个blog觉得这个图还蛮有意思，就借过来了（原图地址http://blog.csdn.net/lzding/article/details/45437707）

转载 浏览器兼容性:停止事件冒泡和阻止浏览器的默认

事件发生后，浏览器通常首先触发事件发生元素上的事件处理程序，然后是它的父元素，父元素的父元素……依此类推， 直到文档的根元素为止。这被称为 事件冒泡，是事件传播的最常见的方式。当处理好一个事件后， 你可能想要停止事件的传播，不希望它继续冒泡。 当你的程序有机会处理事件时，如果这个事件具有 默认行为，同时浏览器也会处理它。例如，点击导航链接、 将表单提交到服务器、在一个单行文本框中按下回车键等等

原创 js中常见宽度高度分析

element.clientHeight返回元素的可见高度。element.clientWidth返回元素的可见宽度。element.offsetHeight返回元素的高度。element.offsetWidth返回元素的宽度。element.offsetLeft返回元素的水

原创 英语决定一切

jquery1.eq（0）: equal to  等于2.gt（0）：greater then 大于3.lt（0）：less then 小于

原创 大狼痛心疾首的碎碎念

大概初中的时候发现自己得了慢性咽炎，大学时候开始补第一颗牙，工作之后发现胆结石，昨天又在医院做了牙齿根管治疗。连续写完这段话后，发现自己真是有点悲催。但总结下来之所以得这些完全可以避免的病都是因为饮食的问题。小时候家里人总说我身体好呀，牙好呀，所以吃东西就各种狂放不羁。后来身体君终于说，不行了，老子顶不住了。       我终于醒悟到自己的生活方式出了问题，是时候给自己灌点心灵鸡汤了，立几个f

转载 jQuery中，attr()函数和prop()函数差别

在jQuery中，attr()函数和prop()函数都用于设置或获取指定的属性，它们的参数和用法也几乎完全相同。但不得不说的是，这两个函数的用处却并不相同。下面我们来详细介绍这两个函数之间的区别。1、操作对象不同很明显，attr和prop分别是单词attribute和property的缩写，并且它们均表示"属性"的意思。不过，在jQuery中，attribute和p

翻译 css3中的content字符编码

今天整理代码的时候看到了自定义input的demo，运行了一下，诶！还挺炫酷，嗯，一定要把这个重温一遍，诶？没有js只有css？这么炫酷？哦！原来是content字符编码~蓝后就去网上找了一下，本来想要转一下前人的知识结晶但是前人有点儿放荡不羁，排版比较乱，这我就不能忍了，我个事儿妈，怒写~1.content有5种属性  a.content：“”                  

原创 border-radius知识点整理

这几天属于闲置人员，就开始瞎琢磨，突然想到border-radius，就去翻了张鑫旭的微博，很神奇，他还有这么多门门道道。1.border-radius取百分比值时，是相对于元素占据尺寸的百分比，累死jquery的outerWidth之类的，是包含边框、padding后的尺寸， 而不是单纯的相对于width值2.border-radius：300px也是一个简写值，和padding

转载 Angular 通过注入 $location 对URL进行操作

一、获取//1.获取当前完整的url路径 var absurl = $location.absUrl(); //http://172.16.0.88:8100/#/homePage?id=10&a=100 //2. 获取当前url路径(当前url#后面的内容,包括参数和哈希值): var url = $location.url(); // 结果：/homePage

原创 angularjs ui-view加载刷新

原创 angularjs页面简单控制显隐

{{menu.name[0]}} {{childName.name[0]}} $scope.selectmenu=function(id){ $scope.childresource=[]; for(var i=0;i< $scope.dataresource.length;i++){ if($scope.dat

原创 angularjs 查询到的数据显示在页面上

$scope.logIn = function(){ $http({ url:'http://localhost:9990/usermanage/Getuserlogin?user_id='+$scope.user_id+'&password='+$scope.password, method:'get' }).success( function

原创 div水平垂直居中

.login-main{ width: 432px; position: absolute; top: 50%; left: 50%; margin-left: -262px; margin-top: -150px;}

原创 angularjs控制class变化

赛事介绍

原创 angularjs ui-view 子页视图切换

1.var apiManager = angular.module('apiManager',['ui.router','ramlEditorApp','ramlConsoleApp']) .config(function($stateProvider, $urlRouterProvider,$provide){ $stateProvider .state('apimana

转载 angularjs中切换显示/隐藏

应用列表 aa aa aa

转载 使用webstorm建立一个空的nodejs项目

之前都是使用webstorm中的nodejs模版来建立的nodejs项目，这次想要更好的理解nodejs，打算从一个空白的项目一步一步的建立。    一开始就遇到了问题，在建立一个基本的服务器时，调用nodejs内部的http模块，始终在报错“nodejs core module not configed'上午查了好多资料，最后还是在一篇英文文档中找到答案。To enable code a

原创 angularJs 取<input type='file'>中文件名

angularjs小白一枚，从头开始在做一个angularjs做前端框架，nodejs做后端环境的项目，开始各自不会。后来在一点一点的学，过程十分缓慢。最近在做上传图片的功能，但单纯的ng-model无法获取到上传的图片名，后来各自查资料，在一个外国大大的视频里找到了方法，可以实现多图片上传，具体原理还很模糊，先分享之后一点一点参透。html文件 upload {{fi