action-XD-CSDN博客

原创 JQ改变标签的元素名称

今天上班刚刚接杯水坐在电脑旁，听见同事们在讨论想要改变标签的名称；我一听感觉这种东西改怎么实现呢？除非是删除原有的标签，添加新的标签，感觉只有这种方法，没有其他的了。javascript想了想，可以直接改变innerHTML，这里是用javascript写的：点击 function change() { var div=document.getElem

2016-10-18 11:22:22 3590

原创 login 阻止冒泡事件

Title *{padding: 0; margin: 0} #back{ position: fixed; top:0; width: 100%; height: 100%; background: #333;

2016-10-14 14:28:58 284

原创 JavaScript冒泡事件和stopPropagation方法

当一个元素上的事件被触发的时候，比如说鼠标点击了一个Button，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。js： var Bodyclick = function(){ alert("冒泡了！！！"); } window.onload = function(){

2016-10-13 18:00:13 643

原创 web前端面试题（HTML&CSS）下答案详解

总结了一下遇到的面试上的问题，希望能帮助到大家【歪脖树】 1.Doctype作用？严格模式与混杂模式如何区分？它们有何意义?（1）声明位于文档中的最前面，处于标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。（2）严格模式的排版和JS运作模式是以该浏览器支持的最高标准运行。（3）在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无

2016-10-03 17:40:18 682

原创 web前端面试题（HTML&CSS）上答案详解

总结了一下遇到的面试上的问题，希望能帮助到大家【歪脖树】1.你能描述一下你制作一个网页的工作流程吗？第一步：项目需求评审（明确需求）第二步：等待ui设计师提供psd（项目需求技术调研）第三步：等到ui设计师设计稿通过以后，给前端制作静态html＋js（自己在浏览器或者移动设置上浏览，查看是否有兼容问题）以上为基本制作流程以下几步为项目对接－一直到发布到线上的过程

2016-09-29 11:30:39 2423 2

转载微信小程序对WEB前端程序员有何影响

【webtrees歪脖树】9月22日消息，往日凌晨，微信平台对200个做服务公众号发送了小程序内测邀请。小程序就是“微信之父”张小龙过去要做的微信“应用号”。为何不叫过去订好的名字呢？据天使投资人王冠雄透露，之所以微信“应用号”改名小程序，马化腾暗里说因为苹果不让叫应用号。在今年1月11日举行的微信公开课PRO版上，“微信之父”张小龙说渴望做一种新的公众号，用户存眷了一个公众号，

2016-09-26 17:23:10 830

【[webtrees歪脖树](www.webtrees.cn)】9月22日消息，往日凌晨，微信平台对200个做服务公众号发送了小程序内测邀请。小程序就是“微信之父”张小龙过去要做的微信“应用号”。为何不叫过去订好的名字呢？据天使投资人王冠雄透露，之所以微信“应用号”改名小程序，马化腾暗里说因为苹果不让叫应用号。在今年1月11日举行的微信公开课PRO版上，“微信之父”张小龙说渴望做一种新的公众号，用

2016-09-23 14:30:15 3743

转载 CSS3动画文字打印效果

样式 <style type="text/css"> @-webkit-keyframes typing { from { width: 100% } to { width:0 } } @-webkit-keyframes blink-caret { from, to { bo

2016-09-23 11:50:31 1938

原创 CSS3-border绘图制作五角星

原理width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid blue;五角星#star-five { margin: 50px 0; position: relativ

2016-09-21 17:44:16 802

原创 JS面向对象实现飞机大战

主页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .bg{ width: 530px; height: 600px; position: relati

2016-09-20 20:00:43 3019

原创 CSS3第二节

CSS3自定义字体使用CSS3 @font-face实现个性化字体在网页中，我们可以用CSS的font-family属性来定义字体，然而定义的字体在用户的电脑上能否正确呈现则要看用户的电脑是否安装了该字体。我们经常能看到国外的一些个人网站使用了非常漂亮的字体，而这些字体通常在用户的电脑中是没有安装的，所以用font-family属性就无法实现了，今天就介绍使用@font-face实现个

2016-09-20 17:48:10 336

原创 CSS3第一节

了解CSSCSS3是CSS2的升级版，3只是版本号，它在CSS2的基础上增加了很多强大的新功能，目前主流的浏览器谷歌，火狐等到都支持，ie10以后也全面支持CSS3.在编写CSS3样式时，不用的浏览器可能需要不同的前缀，它表示该CSS属性或者规则尚未成为W3C标准的一部分，但是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀，但为了更好的向前兼容，前缀是少不了的.CSS3浏览器兼容

2016-09-20 17:19:40 310

原创在本地怎样更换域名IP访问其他网站

TCP/IP的通讯协议这部分简要介绍一下TCP/IP的内部结构，为讨论与互联网有关的安全问题打下基础。TCP/IP协议组之所以流行，部分原因是因为它可以用在各种各样的信道和底层协议（例如T1和X.25、以太网以及RS-232串行接口）之上。确切地说，TCP/IP协议是一组包括TCP协议和IP协议，UDP（User Datagram Protocol）协议、ICMP（Internet Contr

2016-09-20 16:22:13 15190

原创添加内核解决浏览器兼容性

某些特定的css3属性规范还没有正式敲定，也就是说未来还有可能进一步优化调整，目前还处在测试阶段。浏览器要提前实现这些功能，需要在属性名前面加不同浏览器的前缀。谷歌/Safari：webkit内核 -webkit- 火狐：Gecko内核 -moz-IE: trident内核 -ms-Opera：presto内核 -o-在书写css样式时

2016-09-19 17:11:21 1951

原创 React小工程——map方法花店（getInitialState，componentWillMount，render）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Ty

2016-09-19 11:03:10 1114

原创 React是什么；在Node.js环境下如何安装？

React 是一个用于构建用户界面的 JAVASCRIPT 库。 React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。 React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。特点1.声明式设计 −Rea

2016-09-12 20:54:39 1956

原创 Http返回码，不止是404

Http返回码，不止是404 平时大家最常见的应该是页面出现HTTP 404或Not Found错误信息是HTTP的其中一种“标准回应信息”（HTTP状态码），此信息代表客户端在浏览网页时，服务器无法正常提供信息，或是服务器无法回应且不知原因。除了常见的，其他的大家了解一下，做一下普及吧，早晚都要用到。 (1) 日期(date) (2) 时间(time) (3) 客户端I

2016-09-09 19:33:35 430

原创（七）angular表单demo

<!DOCTYPE html><html lang="en" ng-app="myApp"><head> <meta charset="UTF-8"> <title>表单验证</title> <link href="css/bootstrap.css" rel="stylesheet"> <!--bootstrap是Twitter推出的一个用于前端开发的开源工具包

2016-09-06 15:54:56 485

原创（七）表单验证，基本验证功能，表单验证规则

表单验证 - form表单元素在AngularJS中也是一个指令 - 具备表单解析、格式化、校验等功能 - 依赖于H5的智能表单 - AngularJS允许在表单中使用H5的一些校验属性 - 同时会根据校验条件的规则作出相应的数据变化 - 注意：在使用验证时先取消浏览器本身自带的验证（给表单添加novalidate属性）基本验证功能$pristine -表单或控件内容是

2016-09-06 14:57:23 2019

原创（五下下）$timeout方法,控制器与作用域

$timeout方法angular.js的$timeout指令对window.setTimeout做了一个封装,它的返回值是一个promise对象.当定义的时间到了以后，回调函数就会被执行.如果需要取消一个timeout,调用timeout.cancel(promise)方法timeout.cancel(promise)方法 timeout(fn, [delay], [invokeApply]

2016-09-06 10:53:30 601

原创（五下）作用域，及其特点，$watch方法，$digest方法,$apply方法

作用域AngularJS对象提供的controller方法可以创建控制器。创建控制器后，需要区别控制器所支持的视图。通过ng-controller指令可以指定控制器支持的视图。控制器的参数包括一个工厂函数，该函数接受一个参数$scope，表明该控制器对$scope服务的依赖。这时控制器可以通过$scope对应的作用域与视图建立联系。$scope作用域不但定义了控制器和视图之间的关系，而且对

2016-09-06 10:45:58 265

原创（五上）过滤器，调用方式，filter过滤器，过滤器函数参数

过滤器的主要功能是格式化数据可以使用Angular提供的过滤器，也可以自定义过滤器 Angular过滤器： currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制长度)、lowercase(小写)、uppercase(大写)、number(数字)、orderBy(排序)。例：{{ nowdate | date:'yyyy

2016-09-06 10:16:05 1040

原创（四下）ng-class指令，ng-style指令，ng-show/ng-hide指令，ng-if指令等....

ng-class指令给元素添加CSS类 1. 直接绑定值为CSS类名的$scope对象属性 2. 以字符串数组方式选择性添加CSS类表达式 ? ‘style1’:‘style2’ 3. 通过key/value对象的方式添加多个CSS类 ng-class=”{style1:true,style2:false}”o.startsWith(‘D’); indexOf()

2016-09-06 10:04:57 919

原创（四上）Angular指令，ng-bind指令，ng-init 指令，ng-click指令，ng-repeat 指令

AngularJS 有一套完整的、可扩展的、用来帮助 Web 应用开发的指令集在 DOM 编译期间，和 HTML 关联着的指令会被检测到，并且被执行在 AngularJS 中将前缀为 ng- 这种属性称之为指令，其作用就是为 DOM 元素调用方法、定义行为绑定数据等简单说：当一个 Angular 应用启动，Angular 就会遍历 DOM 树来解析 HTML，根据指令不同，完成不同操作HTM

2016-09-05 14:23:00 776

原创（三）Angular控制器,Module.controller() 控制器,单向绑定和双向绑定

AngularJS很重要的一个特性就是实现模块化编程，我们可以通过以下方式创建一个模块，对页面进行功能业务上的划分// 创建一个名字叫MyApp的模块，第二个参数指的是该模块依赖那些模块var app = angular.module(“MyApp”, []);//app是MyApp模块的实例也可以将重复使用的指令或过滤器之类的做成模块便于复用注意必须指定第二个参数，[]是个空数组，表示不需要

2016-09-05 09:28:44 1306

原创 Angular小工程，实现图书的增删改（$scope）

html部分，用bootstrap定义样式<!DOCTYPE html><html lang="en" ><head> <meta charset="UTF-8"> <title>图书增删改</title> <link href="css/bootstrap.css" rel="stylesheet"> <script src="script/angular.m

2016-09-03 14:54:29 468

原创（二）Angular的特性，AngularJS语法特点，创建AngularJS应用

Angular的特性 MVC原理 M (model 模型) 视图模型：由控制器传给视图的数据和领域模型：一般指数据库里的数据 C (controller 控制器) 连接模型和视图的渠道 V (view 视图) 将数据呈现给用户创建AngularJS应用搭建angular应用开发环境：在https://angularjs.org/或http://www.bootcdn.cn/a

2016-09-03 14:44:08 889

原创 (一)为什么使用AngularJS？AngularJS的意义，MVC模式

1.一款非常优秀的前端高级 JS 框架 2.由 Misko Hevery 等人创建 3.2009 年被 Google 收购，用于其多款产品 4.有一个全职的开发团队继续开发和维护这个库 5.有了这一类框架就可以轻松构建 SPA 应用程序 single page web application 6.通过指令扩展了 HTML，通过表达式绑定数据到 HTML。 7.MVC 一.为什么使用Ang

2016-09-02 15:05:53 1126

原创学习关于Bootstrap的感悟和体会

前言：这是这两天他的学习关于Bootstrap的感悟和体会Bootstrap是一个非常受欢迎的前端开发框架，该框架极大的提高前端团队的开发效率。 Bootstrap对常见的CSS布局组件和JavaScript插件进行了完整的封装，使开发人员可以轻松使用。使用Bootstrap可以快速制作精美的响应式页面，并且兼容移动端Boostrap是最近几天学的一个新的开发框架，和之前学过的AUI框架来

2016-08-23 20:38:04 7022

原创 JQ实现简单的图书管理（增删）

首先看到第一张，上半部分一个提交对话框，下面一个列表，通过“添加图书”这个按钮将两部分链接在一起。首先是上半部分:<label>请输入书名：</label> <input type="text"> <p><button>添加图书</button> 当前有<span>3</span>本书</p>这里虽然明显看就是一个表单，但是我没有写form，应为没有实际的页面与WEB服务器交互过程

2016-08-13 11:15:48 3148 1

原创 cookie,session,localStorage之间的联系与区别

1、cookie用来存储用户相关数据，存储的位置在用户本地：php:setcookie("key","value","time");读取cookie：$_COOKIE删除cookie：setcookie让时间过期；JS:设置cookie（js中存放位置document.cookie）：JS中读取出来的cookie是：document.cookie="username=a

2016-07-21 20:13:10 1163

原创 JS和PHP时间比较（小学生日常）

注意：时间是在不断变化的】一.生成当前时间的函数对比1.JS:var today = new Date();console.log(today);//console.log()输出是为了调试更加方便（当前页面F12选择console）输出的格式为 Wed Jul 20 2016 18:29:10 GMT+0800 (中国标准时间)2.PHPdate_defau

2016-07-20 18:30:51 2604

原创简单实现文件上传（php）(小学生日常)

//html部分html>html lang="en">head> meta charset="UTF-8"> title>文件上传title>head>body>form method="post" action="upDateDoem.php" enctype="multipart/form-data"> //from的传输格式：multipart/for

2016-07-18 20:36:32 551

原创通过继承实现多态（小学生日常）

<?php/** * Created by PhpStorm. * User: admin * Date: 2016/7/18 * Time: 9:41 */class father{ public $name; public function getWeight(){ return"59kg"; } public function s

2016-07-18 12:07:10 226

action_xing的博客

原创 JQ改变标签的元素名称

原创 login 阻止冒泡事件

原创 JavaScript冒泡事件和stopPropagation方法

原创 web前端面试题（HTML&CSS）下答案详解

原创 web前端面试题（HTML&CSS）上答案详解

转载微信小程序对WEB前端程序员有何影响

转载微信小程序对WEB前端程序员有何影响

转载 CSS3动画文字打印效果

原创 CSS3-border绘图制作五角星

原创 JS面向对象实现飞机大战

原创 CSS3第二节

原创 CSS3第一节

原创在本地怎样更换域名IP访问其他网站

原创添加内核解决浏览器兼容性

原创 React小工程——map方法花店（getInitialState，componentWillMount，render）

原创 React是什么；在Node.js环境下如何安装？

原创 Http返回码，不止是404

原创（七）angular表单demo

原创（七）表单验证，基本验证功能，表单验证规则

原创（五下下）$timeout方法,控制器与作用域

原创（五下）作用域，及其特点，$watch方法，$digest方法,$apply方法

原创（五上）过滤器，调用方式，filter过滤器，过滤器函数参数

原创（四下）ng-class指令，ng-style指令，ng-show/ng-hide指令，ng-if指令等....

原创（四上）Angular指令，ng-bind指令，ng-init 指令，ng-click指令，ng-repeat 指令

原创（三）Angular控制器,Module.controller() 控制器,单向绑定和双向绑定

原创 Angular小工程，实现图书的增删改（$scope）

原创（二）Angular的特性，AngularJS语法特点，创建AngularJS应用

原创 (一)为什么使用AngularJS？AngularJS的意义，MVC模式

原创学习关于Bootstrap的感悟和体会

原创 JQ实现简单的图书管理（增删）

原创 cookie,session,localStorage之间的联系与区别

原创 JS和PHP时间比较（小学生日常）

原创简单实现文件上传（php）(小学生日常)

原创通过继承实现多态（小学生日常）

空空如也

用循环写， 2的0次方累加到2的64次方，怎么输出才不会超范围？

C语言“==”编译运行后多一个空格