B/S-----------------------
文章平均质量分 59
罗俊-Everns
这个作者很懒,什么都没留下…
展开
-
js--BOM
前言内容字面值:confirm方法:window.location属性screen对象history对象兼容性的选择功能键shift、alt、control总结end前言上一篇博客介绍了DOM,那么这篇博客就介绍一下BOM(浏览器对象),这也是学习JavaScript必学的一门知识。内容字面值:在代码中写入的是什么显示出来的就是什...原创 2018-07-18 08:40:20 · 160 阅读 · 4 评论 -
jQuery--验证用户登录
前言内容HTML代码:CSS代码:JavaScript代码:总结HTML知识点:CSS知识点:JavaScript知识点:end前言前面的博客对jQuery有所介绍,所以接下来的这几篇博客是对jQuery的介绍,具体介绍方式是用例子呈现给大家。内容废话少说,先上代码:HTML代码:<!DOCTYPE html&gt...原创 2018-07-20 18:56:37 · 7601 阅读 · 6 评论 -
jQuery--可以编辑的表格
前言内容HTML代码:CSS代码:总结HTML知识点:CSS知识点:JavaScript知识点:end前言上一篇博客更新了在页面中如何判断用户名是否已经被输入,这篇博客介绍一下页面中的表格内容如何像Excle表格一样修改。内容照例,先上代码,HTML代码:<!DOCTYPE html><html xm...原创 2018-07-20 19:10:46 · 243 阅读 · 7 评论 -
jQuery--菜单显示效果
前言内容HTML代码:CSS代码:总结HTML知识点:CSS知识点:JavaScript知识点:end前言上一篇博客更新了在页面中可以像Excel表格一样输入的表格,这篇博客介绍一下我们经常可以在各大网站看到的菜单栏显示效果的程序。内容照例,先上代码,HTML代码: <!DOCTYPE html>...原创 2018-07-22 11:51:29 · 383 阅读 · 7 评论 -
Angular--Port 4200 is already in use. Use '--port' to specify a different port.
前言因为之前对前端设置这方面有一定的学习,认为这方面学起来非常有意思,但是因为自己可能是菜鸟,所以出现的错误也不少。在网上总是能看到很多前端大神提起Angular,但是我对这方面不太了解,所以就想学,丰富自己对前端的认识,因为之前没有接触过这方面的知识,所以出现错误的概率很大,接下来我就介绍一下我遇到的这个bug,希望对大家有帮助内容搭建好Angular环境,因为教程里面是用cmd搭建...原创 2018-07-30 17:39:55 · 1296 阅读 · 9 评论 -
Angular--简单介绍AngularJS
前言内容AngularJS的历史AngularJS的核心AngularJS的特点AngularJS的表达式总结end前言因为很多前端的大神都推荐学习AngularJS,而且他们在前端开发的时候用到的也是AngularJS,有位大神曾经说过,要想成长的更快,就要像成功者学习。所以我就也利用我的业余时间学习AngularJS。接下来让我简单的介绍一下Angular...原创 2018-07-30 17:52:02 · 431 阅读 · 9 评论 -
Angular--配置Node.js
前言内容步骤:1.下载Node.js2.安装Node.js3.开始配置Node.js4.安装typescript和typings5.安装@angular/cli6.新建AngularJS项目7.定位到项目目录8.安装项目依赖的所有node.js总结end前言 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环...原创 2018-07-30 18:36:20 · 1444 阅读 · 9 评论 -
jQuery--标签页效果
前言内容显示效果HTML代码:CSS代码:JavaScript代码:总结HTML知识点:CSS知识点:JavaScript知识点:end前言上一篇博客介绍了如何用编程写出菜单栏的效果,这篇博客给大家介绍一下如何做出标签页的效果。内容显示效果HTML代码:<!DOCTYPE html><...原创 2018-07-22 21:28:39 · 327 阅读 · 6 评论 -
Angular--WebStorm介绍
前言内容e2e:node_modules:src:app:app.component.css:app.component.html:app.component.spec.ts:app.component.ts:app.module.ts:assets:environments:favicon.ico:index.html::main.ts:.edi...原创 2018-07-30 20:19:44 · 877 阅读 · 10 评论 -
CSS--简单概述
前言内容概述:历史语言特点丰富的样式定义易于使用和修改多页面应用层叠页面压缩总结end前言CSS是Cascading Style Sheets的缩写,汉语意思为层叠样式表,根据其名称我们就可以知道CSS的功能是什么了吧,对!就是规范页面样式的一种脚本语言,现在就让我简单的为大家介绍一下CSS吧!内容概述:CSS是一种用来表现HTML...原创 2018-07-27 18:00:07 · 2036 阅读 · 6 评论 -
jQuery--简单概述
前言jQuery是一个快速、简洁的JavaScript框架,设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。内容jQuery的优点:一、快速获取文档元素jQuery的选择机制构建于Css的选择器...原创 2018-07-20 18:41:28 · 753 阅读 · 7 评论 -
js--this的四种调用模式
前言在学习js高级部分的时候,看到了函数和方法之前的不同,但在其他语言上基本上函数和方法是一个东西,为什么会这样呢?于是我就深究了一下,具体体现在四种形态上面,请容许我简单的来介绍一下。内容函数形态:这是最普通的函数调用,经常可以见到。// 声明式函数function fn1 () { console.log(this);}// 函数表达式函数var fn2 = ...原创 2018-07-15 10:52:59 · 397 阅读 · 4 评论 -
js--map循环和each循环
前言在日常生活中,我们每做一件事情都需要判断一下这件事情是否值得去做,如果值得去做应该做到什么样子才算是满意的,在JavaScript中也有这种判断,这就是这篇博客的内容。内容map循环语法: $.map(数组或对象,回调函数); 注意回调函数是有参数的,表示循环的数组对象的索引值 举个例子:var arr = ["a","b","c","d","e"];$.map...原创 2018-07-19 08:45:57 · 3997 阅读 · 5 评论 -
js--两个例子
前言之前介绍的是JavaScript的基础知识,看多了自然就会乏味,所以在这里放上两个小例子,解解乏。内容1、由json对象创建一个table表格json格式的对象样子 {name:“”,age:“”,sex:“”} 生成一个table,然后追加到body中,一开始就需要生成一个table,里面遍历json对象生成里面的tr,每一个json对象中的每...原创 2018-07-18 08:52:30 · 211 阅读 · 4 评论 -
js--高级JavaScript之作用域
前言前面的博客基本上已经将JavaScript的基础知识介绍完毕,现在开始总结一些更高端一点的JavaScript技术。这篇博客就从作用域、作用域链这方面来介绍。内容所谓作用域就是指代码有效的区域 常常使用某些设计模式起到封装作用,因为变量容易被替换,所以我们的js代码就不安全,在我们实际使用的时候,应该杜绝使用全局变量,这个时候就用到了设计模式,大家统称沙箱模式Ja...原创 2018-07-18 09:19:18 · 240 阅读 · 5 评论 -
js--闭包
前言前一篇博客是介绍的作用域与作用域链,已经开始了JavaScript高级部分的学习,那么这篇博客简单的介绍一下js的闭包。内容所谓闭包就是函数 函数作用域中的变量无法在外键访问,使用return将一个可以访问这个变量的对象返回到外界就形成一个闭包一、何为闭包“闭包”这个词并非是JavaScript特有的,实际上闭包是一个特有的概念. 至于概念本身我不过多介绍...原创 2018-07-18 09:30:44 · 221 阅读 · 4 评论 -
js--斐波那契数列(兔子数列)
前言斐波那契数列非常有意思,又称黄金分割数列。因数学家列昂纳多·斐波那契(Leonardoda Fibonacci)以兔子繁殖为例子而引入,故又称为“兔子数列”,指的是这样一个数列:1、1、2、3、5、8、13、21、34、……在数学上,斐波纳契数列以如下被以递归的方法定义:F(1)=1,F(2)=1, F(n)=F(n-1)+F(n-2)(n>=2,n∈N*)在现代物理、准晶体结构、化...原创 2018-07-18 09:37:35 · 2669 阅读 · 4 评论 -
js--JavaScript高级总结
前言之前几篇博客都介绍了JavaScript的高级部分,所以对JavaScript的这些已经有了初步的认识,所以,这篇博客将JavaScript高级部分大致总结一下。内容获取HTML中所需要的信息获取任何东西,在JavaScript中都需要用到正则表达式,所以这方面需要好好学学,现在直接上代码:<script type="text/javascript"> ...原创 2018-07-18 09:44:32 · 353 阅读 · 5 评论 -
js--面向对象
前言JavaScript的目的是分析对象,然后对对象的解释。所以,面对对象这方面也比较重要,这篇博客侧重介绍一些面向对象的例子。内容在JavaScript中的对象就是键值对,其方法是值为函数的属性。面向对象在JavaScript中也存在继承,相比较C系继承(C++、C#、Java…,这些都是基于类的继承,即继承模版)而言,在JavaScript中继承的是原型,所谓原型,...原创 2018-07-18 10:05:47 · 204 阅读 · 5 评论 -
js--函数的四中调用形式
前言了解函数的调用过程有助于深入学习与分析JavaScript代码. 这篇博客主要介绍JavaScript中函数的四种使用形式. 在JavaScript中,函数是一等公民,函数在JavaScript中是一个数据类型,而非像C#或其他描述性语言那样仅仅作为一个模块来使用. 函数有四种调用模式,分别是:函数调用形式.方法调用形式.构造器形式.以及apply形式. 这里所有的调用模式中,最主要的区别...原创 2018-07-18 10:18:50 · 265 阅读 · 5 评论 -
js--jQuery
前言内容配置环境jQuery对象前言 JavaScript的学习让我们对动态脚本式语言有所了解,那么您知道jQuery是一个快速、简洁的JavaScript框架吗?其优点是:写得少,做的多,兼容性强,体积小,链式编程,隐式迭代、插件丰富、开源、免费,所以这篇博客简单的总结一下jQuery。内容配置环境使用jQuery进行开发之前需要配置环境:...原创 2018-07-18 10:33:14 · 208 阅读 · 4 评论 -
js--选择器总结
前言js选择器的目的是为了选择出所需要的元素然后进行样式的赋值或者其他方面的应用,所以选择器很重要。 内容基本选择器有ID选择器、类选择器、标签选择器、通用选择器,事件的添加方法如下: $(...).事件名(function() { }); 属性样式有: $(...).css("border","1px solid red") $(...).css({......原创 2018-07-19 08:05:56 · 3436 阅读 · 7 评论 -
CSS--选择器
前言内容标记选择器类别选择器ID选择器集体声明总结end前言在我们日常的电脑使用中,很多界面我们都可以点击Ctrl+F来搜索自己想要的内容,然而在程序员的世界里,还有一种搜索,那就是选择器。内容一般情况下选择器可以分为三种:标记选择器、类别选择器、ID选择器,现在让我一一来介绍这三种选择器。标记选择器类别选择器<style...原创 2018-07-27 18:11:23 · 185 阅读 · 5 评论 -
CSS--样式汇总
前言内容文字样式图片样式页面样式表格和表单样式超链接样式总结end前言CSS内容说多不多,说少也不少,所以我只能将我自己了解到的总结到博客中,希望能给各位看官带来收获。内容文字样式p{ font-family:Arial, Helvetica, sans-serif;}表示如果用户端有Arial字体就使用,没有就使用Helvetic...原创 2018-07-27 18:24:06 · 213 阅读 · 8 评论 -
Angular--数据绑定
前言Angular学习的时候,在数据与数据之间的处理联系是非常重要的,而且处理数据之间的逻辑不是很清楚明白的话,很容易弄混,所以这篇博客总结一下数据与数据之间的关系,简单介绍一下这方面的信息。内容数据绑定数据绑定是允许将组建控制器的属性和方法与组建的模块联系起来,有三种模式,如下: 1.使用查值表达式将一个表达式的值显示在模版上<h1>{{product.Ti...原创 2018-08-22 20:49:26 · 264 阅读 · 3 评论 -
Angular--HTML属性绑定和DOM属性绑定
前言上一篇博客介绍了数据绑定,意犹未尽,所以这片博客再介绍一下HTML属性绑定和DOM绑定。内容 基本HTML属性绑定如下:<td [attr.colspan]="tableColspan">Something<td>CSS类绑定如下:<div class="aaa bbb" [class]="someExpression">som..原创 2018-08-22 21:07:06 · 1161 阅读 · 3 评论 -
Angular--所有错误锦集
code 类型 英文描述 中文描述 1002 错误 Unterminated string literal. 未终止的字符串文本。 1003 错误 Identifier expected. 应为标识符。 1005 错误 ‘{0}’ expected. 应为“{0}”。 1006 错误 A file ...原创 2018-08-20 16:50:07 · 17850 阅读 · 3 评论 -
Angular--*ngFor
前言学习AngularJS,有一个语法是必不可少的,就是*ngFor,这篇博客就是对*ngFor总结一下。内容在Angular中,我们经常用到*ngFor指令来显示数组中每一项的信息,*ngFor的具体使用语法如下:<div *ngFor="let product of products | filter:'title': keyword" class="col-m...原创 2018-08-21 08:01:02 · 7561 阅读 · 3 评论 -
Angular--Angular Route导航
前言内容路由的基础知识路由重定向子路由辅助路由路由守卫总结end前言在很多的程序中,我们可以看到为了封装或者什么的调取数据,这样,从开始到调取数据返回到指定之处显示出来的这个过程中就可以看出来这里有一条路,这就是我们所说的路由。内容Route导航包含的信息比较多,有路由及路由的重定向,子路由、保护路由和辅助路由等方面的,这篇博客简单介绍一下。...原创 2018-08-21 08:56:53 · 379 阅读 · 2 评论 -
Angular--注入器和提供器
前言说到注入器不得不说一下控制反转(IoC),控制反转是面向对象编程中的一种设计原则,是将原来在代码中判断选择的内容放到外部,在外部选择,从而降低计算机代码之间的耦合度,其有两种方式:依赖注入(DI)和依赖查找。在依赖注入和依赖查找的时候注入器和提供器就需要使用。接下来就简单介绍一下注入器和提供器。内容注入器1.当一个提供器提供在模块中时,他是对所有组件是可见的,所有组件都...原创 2018-08-21 10:32:07 · 1428 阅读 · 4 评论 -
Angular--用工厂方法或值对象来定义提供器
前言上一篇博客介绍了注入器和提供器,同时也简单的讲解了一下控制反转,这篇博客是使用了工厂方法来定义提供器,所以可以过来了解一下。内容这个例子是在提供器方法的例子上建立的: 1.首先删除product2.component.ts中的代码:providers:[{provide:ProductService,useClass:AnotherProductService}]最终...原创 2018-08-21 10:42:27 · 614 阅读 · 3 评论 -
Angular--You seem to not be depending on "@angular/core". This is an error.
前言这段时间在弄一个体育测试方面的系统,前端是用Angular敲的。在一开始拿到代码的时候,配置好Nodejs以及Angular CLI之后,安装好node_modules,就能用ng serve正常的运行起来,但是今天开完会,宋总说代码更新了,需要我们重新Down代码,于是我在没有保存原来的代码的情况下直接删除源代码,然后往之前的那个盘里相应位置Down代码,完事之后配置好一切,但是运行的时...原创 2018-08-21 17:13:55 · 2654 阅读 · 2 评论 -
Angular--响应式编程
前言Angular学习非常的有趣,而且要学的内容非常多,这次给大家介绍一下如何响应式编程。内容提到响应式编程,不得不说一下观察者模式,观察者模式就是用到了响应式编程,如下图: 这个图中介绍了观察者(Observer)和被观察者(Observable)两方面的交互,看完这个图你是否对于观察者模式有一定的了解了,那么接下来就直接简单粗暴的上代码:HTML:&lt;p&gt...原创 2018-08-29 10:33:14 · 627 阅读 · 6 评论 -
Angular--路由的基础知识
前言我们经常可以听到路由器,但是原创 2018-08-19 13:31:31 · 213 阅读 · 3 评论 -
Angular--A required parameter cannot follow an optional parameter.(必选参数不能位于可选参数后)
前言今天在为学习AngularJS4有关于管道的内容,因为第一次学习,所以不是很懂,遇到的问题肯定也是不少,今天就遇到了这样一个问题,如下: 内容这个问题困惑了我将近两个小时,想在网上找寻相关的解决方法,一直都没有找到,复制:A required parameter cannot follow an optional parameter 去网上搜索,找到的都是有关于ts文档报错方...原创 2018-08-08 20:45:46 · 5238 阅读 · 0 评论 -
Angular--.angular-cli.json页面说明书
前言最近一直在学习使用Angular的开发,因为初学,所以在这方面有很多都不清楚,之前总结了一篇关于WebStorm界面的博客,然后今天遇到了问题,具体请见我另一篇博客:{ &amp;quot;$schema&amp;quot;: &amp;quot;./node_modules/@angular/cli/lib/config/schema.json&amp;quot;, &amp;quot;projec原创 2018-08-01 09:02:11 · 1464 阅读 · 3 评论 -
CSS--CSS与JavaScript的结合
前言CSS与JavaScript的结合是非常紧密的,所以在这方面我们需要好好的学习,接下来我将用一个例子来介绍CSS如何和JavaScript结合使用的。内容图片淡入淡出效果<html><head><title>图片淡入淡出</title><style type="text/css"><!--body{ ..原创 2018-07-27 18:28:36 · 691 阅读 · 13 评论 -
CSS--例子:小型工作室
排版分析CSS代码body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; text-align:center; /* 居中且宽度固定的版式,参考11.2节 */ background-colo...原创 2018-07-27 18:36:24 · 389 阅读 · 7 评论 -
CSS--例子:鲜花销售网站
排版分析CSS代码HTML代码效果展示主界面效果end排版分析CSS代码body{ background-color:#ffd8d9; margin:1px 0px 0px 0px; padding:0px; text-align:center; font-size:12px; font-family:A...原创 2018-07-27 18:45:20 · 3063 阅读 · 13 评论 -
CSS--例子:旅游观光
排版分析CSS代码HTML代码效果展示主界面效果end排版分析CSS代码body{ background-color:#2286c6; margin: 0px; padding:0px; text-align:center; font-size:12px; font-family:Arial, Helve...原创 2018-07-27 18:49:32 · 674 阅读 · 11 评论