Manson_zh-CSDN博客

原创浏览器内核信息汇总和

浏览器内核及浏览器：不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。Trident（IE内核）：Trident实际上是一款开放的内核，其接口内核设计的相当成熟，因此才有许多采用IE内核而非IE的浏览器(壳浏览器)涌现。IE从版本11开始，初步支持WebGL技

2017-09-26 11:11:41 428

原创基于node.js用grunt搭建web前端开发环境

Grunt是基于Node.js的项目构建工具。它可以自动运行你所设定的任务。Grunt拥有数量庞大的插件,几乎任何你所要做的事情都可以用Grunt实现。1、首先安装node.js去官网找安装包，进行傻瓜式安装即可，安装完成后在控制台输入node-v 检查是否安装成功，并检查版本（grunt依赖于nodejs的v0.8.0及以上版本，偶数版本教稳定，奇数版本没那么稳定）。2、命令

2017-09-25 16:39:04 664

原创 CSS+HTML实现倾斜导航条

页面中经常遇到导航条，大部分带形状的需要伪类加图片，先介绍一种纯CSS+HTML实现的方法。HTMLclass="tab"> 腾讯百度阿里巴巴 LOL CSS首先li标签浮动显示在一排。::after设置伪类元素，实现倾斜的背景，标签内的文字不变。CSS 2D 变形中的skew(

2017-09-19 16:35:49 6777

原创 CSS清除浮动的五种方式

浮动元素会影响整体的布局，但是有些情况又不得不让元素浮动来更好的构成页面，下面整理五种常用的清楚浮动的方法：（注：为了节省时间，将方法写在了class名内，看懂即可）1，为父元素添加高度： class="float_left">左 height:200px class="float_right">右 height:200px如上简写，只需给父元素设置heigh

2017-07-04 15:33:07 1222

原创 Angularjs 表单请求和字符串请求

向后台发起异步请求的方法有常用的有get和post两种，请求的内容也是不同的，实际工作中估计也都遇到过发送给后台的数据后台接受不到的情况，现今整理一下。首先，配置文件$httpProvider.defaults.transformRequest = [function(data) { var param = function(obj) { var query = ''; var

2017-05-22 16:09:46 622

原创 Angularjs中select 的ng-repeat 和 ng-options 用法和获取选取值

angularjs模块化开发中，遇到几次下拉菜单实现搜索功能的案例，现整理一下select中ng-repeat 和ng-options的用法和获取值的方法一，ng-repeat1,HTML{{x.name}}你选择的是: {{selectedItems}}2,JSapp.controller('myCtrl', function($scope) { $scope.

2017-05-19 11:06:42 12736 1

转载 Angularjs $q详解

作为angularjs入门的小白，相信大家对$q,promise都比较陌生，现转载整理这篇，大家一起学习吧。下面我们通过讲解$q的API让你更多的了解promise异步编程模式。$q是做为angularjs的一个服务而存在的，只是对promise异步编程模式的一个简化实现版，源码中剔除注释实现代码也就二百多行，下面开始介绍$q的API。 defer对象(延迟对象)可以通$q.def

2017-05-17 14:32:04 805

原创 Angularjs 手风琴效果(组织架构)

很多人都遇到过这个问题，怎样实现手风琴效果，bootstrap可以实现页面，但是数据交互又是个问题。于是乎Angularjs的指令很好的解决了这个问题，经过查资料整理，将结果放到这，希望大家多多指正。1,HTMLng-repeat="item in expanders" page-title="item.title"> {{items.text}} //或者写奇特HTML片段

2017-05-16 17:03:57 2734

原创 Angularjs 处理CheckBox 处理要传输的数据

Angularjs中队CheckBox的处理：选取被选中的选项及内容，分辨选中后取消选项以及对后台数据的传输。如下获取到要传输的数据，再进行下一步的异步处理，不做赘述。1,HTMLng-repeat="msg in totalmsg"> type="checkbox" ng-checked="isChecked(msg.id)" ng-clic

2017-05-12 10:46:03 1380 2

原创 Angularjs ng-route用法

Angularjs 的ng-route应用于多视图的单页面应用，模块化开发1,引用文件src="angular.min.js">src="angular-route.min.js">2,主页面配置html>charset="UTF-8">ng-app='myApp'>AngularJS ng-route href="#/">首页 hre

2017-05-11 11:01:18 590

原创 Angularjs 如何获取单选的所有内容

ng获取table表格里radio选中的一行内容近期的项目由于数据量交互比较大，框架用的angularjs，相信好多小伙伴跟我一样，感觉无从下手。例如从ng-repeat出来的table表格的一行内容怎么办，考察了ngDrid插件，感觉项目有点大，就用的笨方法，代码量不大，能实现功能，对与错等各位评判吧，闲话少说上代码。HTMLng-repeat = "allotDet i

2017-05-09 17:09:46 1015

原创 Angualrjs 表单的两种验证（失去焦点验证和点击提交验证）

angularjs提供了表单验证，但是验证的过程交互体验很不好，比如重设密码，重复密码的时候一键入就会提示密码不正确，现整理了两种方法，仅供借鉴。一，点击提交验证action="" class="form-horizontal col-md-9" name="reset_pwd" ng-submit="resetPwd()"> class="form-group">

2017-05-09 09:14:34 1066

转载深入理解JS原型链

function Person (name) { this.name = name; }function Mother () { }Mother.prototype = { //Mother的原型 age: 18, home: ['Beijing', 'Shanghai']};Person.prototype = new Mothe

2017-05-08 21:26:12 425

原创 ngDialog的套用

模态框应用也有很多，目前项目中基于boot和ng开发，boot自带的模态框有利也有弊，当权限控制点击不弹页面时，会比较麻烦，所以整理了一下ngDialog的用法。需要的外部文件第一个弹框头部 body 取消确认 anot

2017-05-08 17:00:17 812

原创 angularjs中compile的用法

用angularjs框架有利有弊，对于初学的小白来说，不能用jQuery感觉逻辑编写无从下手。添加dom元素到页面中该如操作呢，compile虽然用的少但是很重要。///HTML ＜预存话费＜

2017-05-08 16:45:45 4493

Manson_zh的博客