web
关注
分享
扫一扫
文章平均质量分 67
zaichuanguanshui
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
web_2_基础知识
1、浏览器内核浏览器内核分成两部分：渲染引擎（layout engineer \rendering engine）、js引擎1）渲染引擎，负责取得网页的内容（html\xml\图像等）、整理讯息（加入css等），计算网页的显示方式，输出到显示器或者打印机。浏览器的内核不同，对于网页的语法解释不同，渲染效果不同。2）js引擎后期独立出来，内核就倾向于只渲染引擎。3）目前浏览器内...原创 2019-06-20 17:56:02 · 244 阅读 · 0 评论 -
bootstrap——组件（八、进度条）
1、进度条基本用法主要依赖.progress和.progress-bar aria-valuenow表示当前值 aria-valuemin表示最小值 aria-valuemax表示最大值 width:60%表示当前进度条位置<div class="progress"> <div class="progress-bar" aria-valuenow="60" aria-valuemin原创 2017-01-19 15:20:23 · 712 阅读 · 0 评论 -
bootstrap——组件（七、分页）
1、基本的分页给ul添加.pagination<ul class="pagination"> <li><a href="#">«</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a原创 2017-01-19 14:59:04 · 452 阅读 · 0 评论 -
bootstrap——组件（六、导航条）
1、导航条基本应用1）创建nav添加.navbar和其他类.navbar-default2）nav里面包裹两个div，是.navbar-header和.navbar-collapse3）.navbar-header里面有button和a4）button是小屏时的菜单折叠触发器，需要添加.navbar-toggle和data-toggle="collapse"和data-target="#菜单I原创 2017-01-19 14:44:05 · 552 阅读 · 0 评论 -
bootstrap——组件（五、导航）
Bootstrap 中的导航组件都依赖同一个 .nav 类和ul，状态类也是共用的。改变修饰类可以改变样式。1、标签页.nav-tabs <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"><a href="#">Home</a></li> <li role="presentation原创 2017-01-19 11:38:12 · 419 阅读 · 0 评论 -
bootstrap——组件（四、输入框组）
1、基本用法 我们有时需要在输入框一侧或两侧添加额外的元素 这个时候只需要把所有元素都包裹在一个.input-group的div里面就可以 但是每个输入框组只能有一个input <div class="input-group"> <span class="input-group-addon">@</span> <input type="text" class="form-co原创 2017-01-19 10:39:57 · 2794 阅读 · 0 评论 -
bootstrap——组件（三、按钮式下拉菜单）
1、单按钮下拉菜单基础的下拉菜单最外层是.dropdown的div 现在只需要改成.btnd-group的div就可以实现单按钮的下拉菜单<div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> Action <s原创 2017-01-19 10:07:35 · 934 阅读 · 0 评论 -
bootstrap——组件（二、按钮组）
1、按钮组.btn-group 把一些按钮放在一个btn-group里面<div class="btn-group"> <button type="button" class="btn btn-default">Left</button> <button type="button" class="btn btn-default">Middle</button> <butt原创 2017-01-18 18:23:40 · 425 阅读 · 0 评论 -
bootstrap——css样式（五、按钮和图片）
1、预定义样式的按钮 bootstrap为我们设计了一些按钮样式<button type="button" class="btn btn-default">Default</button><button type="button" class="btn btn-primary">Primary</button><button type="button" class="btn btn-succe原创 2017-01-18 15:57:22 · 5273 阅读 · 0 评论 -
bootstrap——css样式（四、表单）
1、表单基本用法 class 描述 .form-control input、textarea 和 select 元素都将被默认设置宽度属性为 width: 100%; .form-group 将 label 元素和控件包裹在一起，实现很好的排列<form role="form"> <div class="form-group"> <label for="examp原创 2017-01-18 15:38:44 · 2578 阅读 · 0 评论 -
bootstrap——css样式（三、表格）
1、.table 为任意 标签添加 .table 类可以为其赋予基本的样式 — 少量的内补（padding）和水平方向的分隔线。.table { width: 100%; max-width: 100%; margin-bottom: 20px;}td { padding: 8px; line-height: 1.42857143; verti原创 2017-01-18 13:47:09 · 1234 阅读 · 0 评论 -
bootstrap——css样式（二、排版）
1、标题HTML 中的所有标题标签，h1到h6 均可使用。另外，还提供了 .h1 到 .h6 类，为的是给内联（inline）属性的文本赋予标题的样式。<h1>h1. Bootstrap heading</h1><h2>h2. Bootstrap heading</h2><h3>h3. Bootstrap heading</h3><h4>h4. Bootstrap heading</h4>原创 2017-01-18 13:28:39 · 609 阅读 · 0 评论 -
bootstrap——css样式（一、栅格系统）
bootstrap css 栅格系统原创 2017-01-18 10:47:00 · 612 阅读 · 1 评论 -
package.json
1、package.json概述 每个项目的根目录下面，一般都有一个package.json文件，定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。 package.json文件内部就是一个JSON对象。 npm install命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。 2、创建package.json 手动创建 n原创 2016-12-26 17:06:04 · 356 阅读 · 0 评论 -
MVC（六、ActionResult 返回类型 ）
1、ActionResult简介ActionResult是一个抽象类, 在Action中返回的都是其派生类。 ActionResult派生类: 类名 抽象类 父类 功能 ContentResult 根据内容的类型和编码,数据内容 EmptyResult 空方法 FileResult abstract 写入文件内容,具体的写入方原创 2017-02-10 10:26:57 · 1918 阅读 · 0 评论 -
MVC（七、action 中使用await和async）
1、AsyncController在mvc的开发过程中，有时候我们会需要在action中调用异步方法，这个时候会需要做一些特殊处理。我们会使用到await和async。对应的controller也应该是async的。 在MVC4中直接可以使用await和async，而MVC3中需要继承AsyncController，才可以使用。2、示例public async Task<ActionResult>原创 2017-02-10 10:33:07 · 8210 阅读 · 1 评论 -
bootstrap——组件（九、其他）
1、路径导航在一个带有层次的导航结构中标明当前页面的位置。<ol class="breadcrumb"> <li><a href="#">Home</a></li> <li><a href="#">Library</a></li> <li class="active">Data</li></ol>2、span1）标签.label<span class="label labe原创 2017-01-19 16:43:44 · 458 阅读 · 0 评论 -
web_1_开发工具
一、开发工具subline\dw\webstorm\vscodeSubline前言 目前使用的版本是sublime text3。选择sublime的理由 sublime Text是一个跨平台代码编辑器，可以在linux/windows/OS X下使用； sublime Text可以根据用户的需求添加插件进行扩展（使用javascript，html等有相应的插件，写代码方便快捷）...转载 2019-06-20 17:18:44 · 188 阅读 · 0 评论 -
JS实现密码加密
1、base64加密 在页面中引入base64.js文件，调用方法为： <!DOCTYPE HTML><html><head><meta charset="utf-8"><title>base64加密</title><script type="text/javascript" src="base64.js"></script><script type="text/javascript转载 2017-02-15 10:57:54 · 395 阅读 · 0 评论 -
Cookie
1、Cookie简介Cookie是客户端技术，服务器把每个用户的数据以cookie的形式写给用户各自的浏览器。当用户使用浏览器再去访问服务器中的web资源时，就会带着各自的数据去1）Cookie只是一段字符串，并不能执行。2）大多数浏览器规定Cookie大小不超过4K，每个站点能保存的Cookie不超过20个，所有站点保存的Cookie总和不超过300个。3）除了Cookie外，几乎没有其他的方原创 2017-01-20 17:08:25 · 394 阅读 · 0 评论 -
Session
1、Session简介1）Session是一种Web会话中的常用状态之一。2）Session提供了一种把信息保存在服务器内存中的方式。他能储存任何数据类型，包含自定义对象。3）每个客户端的Seesion是独立存储的。4）在整个会话过程中，只要SessionID的cookie不丢失，都会保存Session信息的。5）Session不能跨进程访问，只能由该会话的用户访问。应为提取Session数原创 2017-01-20 16:59:33 · 407 阅读 · 0 评论 -
MVC（五、HtmlHelper(Html 辅助方法)介绍）
在View视图中，Html的类型是System.Web.Mvc.HtmlHelper 介绍一些常用的html辅助方法的主要作用和使用方法1、Html.BeginForm()和Ajax.BeginForm()1）Html.BeginForm()同于传统的表单提交，主要是生成表单的form值，如果表单时强类型视图，则在提交表单的时候，会自动将表单元素name名称与强类型视图中的类型实体的属性值相同的进原创 2017-01-20 15:34:36 · 1567 阅读 · 0 评论 -
MVC（四、布局）
1、MVC布局简介MVC布局常用Layout页（布局页），View页（视图页），Partial页（部分也，用户自定义控件）2、Layout页基础1）布局页一般放置在~/Views/Shared/目录下视图页引用布局页时，使用Layout=~/Views/Shared/_Layout.cshtml 一般在_ViewStart.cshtml给所有view设置layout2）@RenderBody()使原创 2017-01-20 15:01:06 · 734 阅读 · 0 评论 -
MVC（三、Razor视图引擎）
1、Razor简介Razor表达式是用HTML自动编码的 有两种基本类型的转换：代码表达式、代码块2、隐式代码表达式总是采用HTML编码方式<span>@model.Message</span>3、显示代码表达式计算并写入到响应中<span>1+2=@(1+2)</span>4、代码块代码块是简单地执行代码部分@{ int x=123; string y="because";}5原创 2017-01-20 14:13:53 · 405 阅读 · 0 评论 -
MVC（二、控制器 Action方法参数与返回值）
1、action方法接收浏览器参数1）获取get数据获取路由url中配置好的制定参数：public ActionResult Index(int id){ }直接通过请求上下文对象里的 Request获取url ?后的的参数: 浏览器请求路径为：/User/UserList/1?fun=jpRequest.QueryString["fun"];2）获取post数据通过Request.Form[“原创 2017-01-20 13:56:55 · 6123 阅读 · 0 评论 -
ASP.NET MVC中的Global.asax文件
1、global.asax文件概述 global.asax这个文件包含全局应用程序事件的事件处理程序。它响应应用程序级别和会话级别事件的代码。 运行时， Global.asax 将被编译成一个动态生成的 .NET Framework 类，该类是从HttpApplication基类派生的。 因此在global.asax中的代码可以访问HttpApplication类中所有的public或者p转载 2017-01-20 13:07:41 · 831 阅读 · 0 评论 -
MVC（一、目录简介）
1、一直都在用mvc，也看了一些书，但是还没有好到的总结一下mvc，从今天开始吧。 首先我们肯定会先通过vs创建一个mvc的项目。 如图： 下面就让那个我们来详细的了解一下这个项目的每个文件夹和文件2、App_Code用来存储当前应用的动态编译的类文件 当我们使用动态编译的类文件的时候，不需要在页面中添加任何显式指令或声明来创建依赖性。 App_Code文件夹中放置的类文件可以包含任何原创 2017-01-20 12:17:47 · 1912 阅读 · 0 评论 -
bootstrap——js插件（二、其他）
1、完整标签页1）创建导航ul\.nav\.nav-tabs2）给每一个a添加切换事件给a添加href="#tabid"，data-toggle="tab"给其中一个li添加.active使其变成激活状态3）创建分页内容div\.tab-contentdiv\.tab-pane创建一个div，添加.nav-content包裹全部tab内容每一个tab的div需要添加.tab-pane原创 2017-01-19 18:33:07 · 405 阅读 · 0 评论 -
bootstrap——组件（一、下拉菜单）
1、dropdown基本用法<div class="dropdown"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> Dropdown <span class="caret"></span> </button> <ul原创 2017-01-18 18:01:39 · 781 阅读 · 0 评论 -
bootstrap——js插件（一、modal）
1、modal基本用法.modal.modal-dialog.modal-content .modal-content里面包括.modal-header.modal-body.modal-footer1）创建一个button，点击之后可以弹出一个modal有两种方法绑定事件一种是：添加属性.data-toggle="modal"和.data-target="#modalId"第二种是：添加Js原创 2017-01-19 17:58:27 · 1059 阅读 · 0 评论 -
Node.js的Path对象
NodeJS中的Path对象，用于处理目录的对象，提高开发效率。 1、引入path对象 var path = require('path'); 2、格式化路径 path.normalize(p) 将不符合规范的路径格式化，简化开发人员中处理各种复杂的路径判断 path.normalize('/foo/bar//baz/asdf/quux/..'); // returns '/foo转载 2016-12-16 18:21:19 · 301 阅读 · 0 评论 -
Javascript 严格模式use strict详解
一、概述 除了正常运行模式，ECMAscript 5添加了第二种运行模式：”严格模式”（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。二、.为什么用严格模式消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;消除代码运行的一些不安全之处，保证代码运行的安全；提高编译器效率，增加运行速度；为未来新版本的Javascript做好铺转载 2016-12-16 17:56:10 · 303 阅读 · 0 评论 -
AngularJS 过滤器
1、过滤器概述AngularJS 过滤器可用于转换数据。 过滤器可以使用一个管道字符（|）添加到表达式和指令中。九种过滤器： currency：格式化数字为货币格式。 filter：从数组项中选择一个子集。 orderBy : 根据某个表达式排列数组。 lowercase : 格式化字符串为小写。 uppercase : 格式化字符串为大写。 dat转载 2016-07-22 15:00:02 · 322 阅读 · 0 评论 -
AngularJS API
1、AngularJS API概述AngularJS 全局 API 用于执行常见任务的 JavaScript 函数集合，如：比较对象迭代对象转换对象全局 API 函数使用 angular 对象进行访问。通用的 API 函数： API 描述 angular.lowercase() 转换字符串为小写 angular.uppercase() 转换字符串为大写 angular转载 2016-07-25 11:36:24 · 405 阅读 · 0 评论 -
AngularJS表单和输入验证
1、AngularJS表单AngularJS 表单是输入控件的集合。<div ng-app="myApp" ng-controller="formCtrl"> <form novalidate> First Name:<br> <input type="text" ng-model="user.firstName"><br> Last Name:<br> <inp转载 2016-07-24 11:12:59 · 438 阅读 · 0 评论 -
AngularJS 指令
AngularJS的指令是扩展的HTML属性，以ng-开头。1、数据绑定<div ng-app="" ng-init="quantity=1;price=5"><h2>价格计算器</h2>数量： <input type="number" ng-model="quantity">价格： <input type="number" ng-model="price"><p><b>总价：</b> {{ qu原创 2016-07-12 18:21:21 · 304 阅读 · 0 评论 -
AngularJS 表达式
1、AngularJS 表达式AngularJS 表达式写在双大括号内：{{ expression }}。 AngularJS 表达式把数据绑定到 HTML，这与 ng-bind 指令有异曲同工之妙。 AngularJS 将在表达式书写的位置”输出”数据。 AngularJS 表达式 很像 JavaScript 表达式：它们可以包含文字、运算符和变量。 实例 {{ 5 + 5 }} 或 {{原创 2016-07-12 17:38:57 · 397 阅读 · 0 评论 -
AngularJS简介
AngularJS是我最近开始关注的一个技术，因为最近总是听到周q围的人在谈论，所以很好奇。AngularJS是一个JS的框架，通过指令扩展HTML,通过表达式把数据绑定到HTML上。1、AngularJS扩展了HTMLAngularJS 通过 ng-directives 扩展了 HTML。ng-app 指令定义一个 AngularJS 应用程序。ng-model 指令把元素值（比如输入域原创 2016-07-12 17:23:00 · 294 阅读 · 0 评论 -
AngularJS HTML DOM
1、HTML DOM 元素的属性控制AngularJS 为 HTML DOM 元素的属性提供了绑定应用数据的指令。ng-disabled ng-show ng-hide 2、ng-disabledng-disabled 指令直接绑定应用程序数据到 HTML 的 disabled 属性。<div ng-app="" ng-init="mySwitch=true"> <p> <bu转载 2016-07-22 18:12:56 · 241 阅读 · 0 评论 -
AngularJS 表格
1、表格概述ng-repeat 指令可以完美的显示表格。<div ng-app="myApp" ng-controller="customersCtrl"> <table> <tr ng-repeat="x in names"> <td>{{ x.Name }}</td> <td>{{ x.Country }}</td> </tr>转载 2016-07-22 17:58:46 · 437 阅读 · 0 评论