![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
❤ 前端
心似烟火
你心似烟火,我心如夜空
你绚烂我世界,我衬映你温柔
展开
-
【Bootstrap】学习小结
一、Bootstrap是什么:Bootstrap是当下非常经典且流行的前端框架(页面工具集),很多公司的前后端项目都有集成bootstrap。特点:灵活简洁,代码优雅,美观大方。让web开发变得更加迅速简单。GitHub:https://github.com/twbs/bootstrap官网网站地址:https://getbootstrap.com/中文网站地址:http://...原创 2018-08-05 21:42:43 · 1855 阅读 · 2 评论 -
【Angular2】基础入门
【前言】 由于最近公司使用 Angular2 来做前端,对于小白的我来说必须来学习一下 Angular2 了。下面由小编来分享一下学习成果,为大家介绍一下Angular2。一、历史发展:(一)起源: 2009年,Misko hevery 和 Adam Abrons 在业余时间创造了GetAngular。那么这个GetAngular到底有多大的作用呢?这里有个...原创 2017-06-18 12:00:11 · 2698 阅读 · 76 评论 -
【JavaScript】实现五星评分控件
一个小例子,用JS实现五星评分控件。代码:<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title&...原创 2018-03-04 21:00:36 · 974 阅读 · 10 评论 -
【JavaScript】复制选中列表
一个小例子,用JS实现全选、反选、复制选中列表。代码:<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <...原创 2018-02-26 11:10:22 · 464 阅读 · 33 评论 -
【JavaScript】计时器
1、计时器-> 开启计时器number window.setInterval(callback, millisecond);每隔制定毫秒后调用一次回调函数,返回一个ID-> 关闭计时器window.clearInterval(intervalId);例子1:显示现在时间<!DOCTYPE html><html xml...原创 2018-02-24 20:00:40 · 336 阅读 · 32 评论 -
【JavaScript】基础知识复习
1、JavaScript基础->基本历史和现状-> 1994-1995,点击一个网页,需要40s左右才可以打开注册的问题->就是为了检验页面中的数据网景:livescript,1995年sun的java火了,更名为javascript微软ie绑定到操作体统中(JScript语言)//CGI->asp(vbscript)->jsp1...原创 2018-02-11 21:36:21 · 200 阅读 · 18 评论 -
【JavaScript】DOM基础
一、什么是DOM? DOM( Document Object Model)即文档对象模型,针对 HTML和 XML文档的 API( 应用程序接口)。DOM描绘了一个层次化的节点树,运行开发人员添加、移除和修改页面的某一部分。DOM脱胎于 Netscape及微软公司创始的 DHTML(动态 HTML),但现在它已经成为表现和操作页面标记的真正跨平台、语言中立的方式。 ...原创 2017-10-08 19:39:35 · 224 阅读 · 9 评论 -
【JavaScript】面向对象与原型
【前言】 面向对象与原型是JavaScript中较为复杂的一章节,所以我更要好好的总结一下。一.创建对象 创建一个对象,然后给这个对象新建属性和方法。var box = newObject(); //创建一个 Object对象box.name = 'Lee'; //创建一个 name属性并赋值...原创 2017-09-24 11:19:54 · 278 阅读 · 18 评论 -
【JQuery】学习总结
一、什么是JQuery? jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作...原创 2018-03-18 21:08:38 · 231 阅读 · 16 评论 -
【jQuery】可以编辑的表格
一、一个小例子,实现可以编辑的表格:1、html代码:EditTable.html<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title>JQu...原创 2018-03-11 22:02:51 · 304 阅读 · 13 评论 -
【Angular2】快速上手
【前言】 经过上一篇文章的介绍,相信大家对于Angular2都有了一定的了解。以ITOO项目为例,这篇文章让我们来一起实践一下。一、创建模块: 在文件的最根目录下输入命令 cnpm install ,回车,安装需要的包。 在大模块文件夹(freshman-register)内输入命令:ng g c 子模块名称,回车,子模块创建成功。 大模块: 子...原创 2017-07-02 22:53:30 · 519 阅读 · 16 评论 -
【Angular2】页面表格制作
【前言】 小编最近在做关于表格的页面,通过和项目同组成员的交流,知道了如何实现表格数据从后端传入。现在和大家分享一下学习成果。一、实现思路: 1、在.ts文件和.service.ts文件中添加对service和model的引用。 2、在.ts文件中声明service和model文件的构成的数组,函数调用后端数据。 3、在.service.ts文件中建立对json文件的U...原创 2017-07-16 22:51:21 · 2394 阅读 · 11 评论 -
【XML】学习小结
一、基础:1、XML是一种标记语言。(标记语言:通过用文字做标记,来表达一些效果或者携带一些数据)2、HTML & XML:HTML . HTML(HyperText Markup Language) . HTML 是互联网应用的最基础技术 . HTML 关注的是数据的显示 . HTML的核心作用是信息的布局和显示 XML . XML ( eXtensib...原创 2018-01-28 21:43:32 · 188 阅读 · 11 评论 -
HTML总结
【前言】 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。HTML语法:一、文本编辑<p align="#"> 创建一个段。#可以是left,center,right,justify分别实...原创 2017-06-11 21:57:47 · 351 阅读 · 20 评论 -
前端构建失败,报错:ERROR in :"let-" is only supported on ng-template elements
报错信息:原因:@ ngx-bootstrap 如果应用在 Angular5的时候,需要版本为2.X.X进行升级:npm uninstall --save ngx-bootstrapnpm cache clean -fnpm install --save ngx-bootstrap参考:https://stackoverflow.com/questions/47866158/...原创 2018-11-04 15:45:25 · 516 阅读 · 1 评论 -
【Angular】删除某个模块引发的问题
在做项目的时候,发现前端有一个模块已经移动到新的框架中了,本项目中已经废弃掉。所以想把这个模块删掉。在删掉的时候发现了一些错误,记录一下。1、删除了想要删除的模块:student。2、在删除模块的上一层级,删掉了“app.module”和“app.routes”两个文件中对于删除模块的引用。3、然后启动项目,发现了下面的问题。 这个错误的意思是:无法从...原创 2018-07-29 21:31:57 · 1872 阅读 · 5 评论 -
【Angular】修改密码功能实现
前言: 最近项目组需要做一个修改密码的功能,为大家介绍一下。modify-password.html:<header class="mui-bar mui-bar-nav"> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <...原创 2018-06-03 20:28:57 · 2108 阅读 · 5 评论 -
【Angular】雷达图显示学生各科成绩
前言: 最近小编正在开发的功能是手机端根据学生学号查询体测各科目成绩,断断续续的也做了很久,现在终于要接近尾声了,跟大家分享一下~代码展示:html代码:<!-- 搜索框 --><div class="search" placeholder="请输入要查询的学号"> <app-search [information]="inform...原创 2018-05-06 20:39:53 · 2553 阅读 · 15 评论 -
【Angular】引用Echart组件出现的问题“Can't bind to 'chartType' since it isn't a known property of 'echart'”
公司做的项目Angular时候,在引用Echart组件时出现问题“Can't bind to 'chartType' since it isn't a known property of 'echart'”原因:没有引入相关组件解决办法:在上一级的module.ts中引入EChartOptionDirectiveimport { EChartOptionDirec...原创 2018-04-26 20:11:48 · 711 阅读 · 5 评论 -
【Angular】搭建环境出现的问题Cannot find module 'click'
Angular搭建环境出现的问题Cannot find module 'click'解决方案:删掉原来的 node_modules 依赖,重新运行命令:cnpm install原创 2018-04-16 20:12:31 · 856 阅读 · 6 评论 -
【Angular2】手风琴样式页面制作
【前言】 新生页面里面有一个公约,是手风琴样式的页面。这种样式比较美观,也能节省页面空间。关于手风琴样式页面的制作方式,和大家分享一下~一、实现思路: 引用bootstrap样式中的accordion组件实现。二、代码实现:1、module文件:引入手风琴扩展包:import { AccordionModule } from 'ngx-boots...原创 2017-08-06 21:53:12 · 2116 阅读 · 29 评论 -
ng 不是内部或外部命令
最近在启动Angular的时候遇到一个问题,在执行“ng server”命令时,提示“ng 不是内部命令”。后来经过一番查询,发现是两个问题导致的,希望能帮助遇到同样问题的你:1、环境变量:Node.js安装好之后,需要设置环境变量。如果node -v 和 npm -v 命令能够执行,应该是Node的环境变量路径错误,将nodejs缓存文件(node_cache)的文件路径加到环境变量...原创 2018-10-03 08:55:31 · 5788 阅读 · 5 评论