![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
♥ 前端
星辰_mya
好好学习,天天向上
展开
-
长连接与短连接
这个博客很短,只是为了证明宝宝学习过这部分内容长连接:连接->传输数据->保持连接 -> 传输数据-> 。。。 ->关闭连接(安全性较差)在一个连接上可以连续发送多个数据包,在连接保持期间,如果没有数据包发送,需要双方发链路检测包。加长度报文头,;多用于操作频繁,点对点的通讯,而且连接数不能太多情况。每个TCP连接都需要三步握手,如果每个操作都是原创 2017-09-10 22:05:33 · 348 阅读 · 19 评论 -
【Angular2】Question组件设计
虽然是Wuli 组长 原创,但是原文链接还是要展出了的http://blog.csdn.net/francis123580/article/details/78528158引言在【Angular2】ExamPaper组件设计 中说到ExamPaper组件作为各种题型组件的容器,用于选择和传递数据目前设计的题型组件有5个,可以适应12种题型,分别为radio、sub-radio、inpu...转载 2018-03-20 15:51:38 · 269 阅读 · 8 评论 -
【angular】如何使用primeNG组件库
primeNGprimeNG为我们提供了强大、美观的组件,但是怎么用呐?也是很简单的,但是前几天为选课界面添加提示框时出错了,弹出框就没有问题,但是选课那么一个千钧一发的时刻弹出框多耽误事,怎么添加呐? 添加的方法目前用到的都是一样的,举例一二:折叠panel: 我这里用的不是panel而是旗下的Accordion:如何使用——很简单ts中import { AccordionModule } f原创 2018-03-20 16:07:47 · 1596 阅读 · 11 评论 -
【Angular】权威教程读后小结
前言: 说是总结不过也算不上总结,像米老师说的懂不懂先去看,硬着把这本书算是看了一遍,三遍读书法,第三遍用来写个博客,纪念一下吧正文: 这本书以一个“小例子:Angular web”开始,逐步介绍了angular中基础也是比较常用的知识,刚开始接触前端的时候也是通过英雄联盟等例子入手的,看来这样的方式很值得推荐,感觉这本书的结构偏于波浪式,一开始的例子平常的知识点,之后是typeS原创 2018-03-30 16:10:46 · 640 阅读 · 20 评论 -
【angular】考试卷子详情
因为数据库中数据问题,截取空白页不如上盘原型图: 主体代码: <div *ngFor="let q of qt.questionMainList; let i=index" [ngSwitch]="qt.questionTypeId"> <div *ngFor="let qtl of questionTypeList; let k=index"> <div *ngIf=原创 2018-03-21 16:26:29 · 585 阅读 · 12 评论 -
【前端】JavaScript总结
》前端很重要【1】语言元素:Math对象:基本数学函数和常数:PI、abs()、log()、min()等【2】数组: 【3】事件操作 常用的就不写了<script for="事件源ID” event="事件" >事件处理</script>event.srcElement.innerText当前元素的内容*.charAt(6)获取第6个位置...原创 2018-03-27 16:31:48 · 410 阅读 · 17 评论 -
HTML
孙鑫HTML小介 网页文档结构和格式HTML元素来完成, HTML元素单个一对标签定义的包含范围,一个标签<>HTML注释,便于维护和修改:<!---->HTML元素四种形式:列表:使用<ol>和<li>标签创建带数值编号的列表在<ol>标签中使用start属性,设置起始的序号在<li>标签中使用value属性,改...原创 2016-06-25 22:04:10 · 1267 阅读 · 32 评论 -
【前端基础】HTTP协议
最近面试潮有些消退了,趁着余热赶一波浪,记录一下面试相关的问题伴着搜集的资料,,知识嘛、多学无意(疑)^_^我喜欢两个屏,一边写博客一边查资料第一波:HTTP协议Hyper Text Transfer Protocol(超文本传输协议)应用层的协议 从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议 TCP/IP通信协议来传递数据(...原创 2018-04-19 08:36:34 · 255 阅读 · 9 评论 -
【ELK+angular行为分析】
中间有过改动的地方,想想还是留着之前的,记录一下这个思考、变化的过程哇~终于到写博客的时候了行为分析:分析什么(用户的行为) 前端是angular,借助其自带的指令收集用户行为; 后端借助ELK:存到elasticsearch中借助kibana强大的图形展示 以图表方式展示分析的结果;思路:1、分为二部分:整个系统为一个实体,具体网页 为一个实体,其实还有一个局部区域的实体,...原创 2018-04-19 17:21:20 · 982 阅读 · 10 评论 -
【Vue】Vue初识
前言: 听说这个Vue挺热门的, 我们公司前端貌似也是Vue,要做全栈Vue还是学习一下吧:正文:Vue: 1、官网:可自底向上逐层应用的、用来构建用户界面的渐进式框架; 2、当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的基础: ViewModel是Vue.js的核心,是一个作用于...原创 2018-05-05 19:11:45 · 1540 阅读 · 6 评论 -
请求转发与重定向
一、转发:可以传递数据、服务器端转发,客户端不知道,url不会改变,共享一个request对象,一个web项目中重定向:客户端知道,请求到客户端,客户端再次发送请求发送出去,url改变,重定向到任何一个地方 二、转发:一个web资源收到客户端请求后,通知服务器去调用另外一个web资源进行处理,称之为请求转发1.通过ServletContext的getRe...原创 2018-07-23 10:19:25 · 113 阅读 · 0 评论 -
【前端】安利一个Bootstrap在线制作好工具
ibootstrap.cn 在线设计bootstrap 可以直接用 注意版本 之前见到过 现在认识了 是不是有点晚原创 2018-07-12 10:14:23 · 3698 阅读 · 2 评论 -
【SSE】SSE:服务器发送事件,使用长链接进行通讯
SSE:服务器发送事件,使用长链接进行通讯 概述传统的网页都是浏览器向服务器“查询”数据,但是很多场合,最有效的方式是服务器向浏览器“发送”数据。比如,每当收到新的电子邮件,服务器就向浏览器发送一个“通知”,这要比浏览器按时向服务器查询(polling)更有...转载 2018-07-06 14:37:11 · 1407 阅读 · 3 评论 -
【angularJS】入门
是的,已经用过Angular了 ,艺多不压身嘛简介: 前端JS框架,MVC 模块化 自动化双向数据绑定 依赖注入知识点:1、双向绑定:<input ng-model="myname"> {{myname}} 小Demo<script>中建立模块 Var app=angular.module("myApp",[]);创建控制器 $s...原创 2018-07-30 10:20:27 · 214 阅读 · 5 评论 -
【项目总结】
前言:前言就只是个前言,不哭不闹、静静地摆在这里了正文:先上效果,界面不太好看,凑合着看,现在想想 其实没什么好写的,不过知识点还是有的html ——》 iframe ——》 tab ——》 iframe这个iframe是从博客里面抄过来的,本着试试看的态度、运行、点击 竟然成功了:不过源地址忘了,抱歉、感觉实在太nice所以先分享一下,如果作...原创 2018-08-27 20:22:14 · 581 阅读 · 3 评论 -
【Angular2】基于localStorage实现本地备份操作记录 - CSDN博客
项目中需要对用户的操作记录备份起来,如果后端出现任何问题,可以从前端把用户操作记录提取出来,然后后期把数据导入到数据库功能网络监测1.监测每条记录的提交情况,分辨出是客户端和服务器问题; 2.呼吸灯动态显示当前整体提交状况; 3.监控中心可以查看每条记录的提交情况; 4.监控中心可以控制对每条记录的监控状态; 5.监控中心可以切换网络监测的开闭模式;智能...转载 2018-03-20 15:43:09 · 503 阅读 · 11 评论 -
【angular】console命令及日志_笔记
做了这么长时间的前端,用 的最多的不是input、output而是console,为我的代码还有调试带来了很多便利但是他呐不能及时清理、不分级别、输出的对象不能被回收(内存泄漏)Log4angular有没有听说过呀?灵感来自于log4j,提供logger服务、可以定义日志级别、可在控制台动态修改日志级别或关闭日志angular2-logger有6个级别:ERROE WARE INF...原创 2018-03-13 20:54:14 · 3277 阅读 · 7 评论 -
【angular】为表格动态添加内容并实现跳转
这个界面目前是没有数据的,后端的同志们正在完善代码,所以先上个图,表示一下,根据表格的标题大概也可以知道要显示的是什么内容吧有一个需求就是考试类型一列如果是随堂小练需要添加一个链接支持学生查看小练详情,要是都显示那就没有问题了,但是目前只有小练,为了实现这个功能也是小费周折获取数据时,挑出“随堂小练”,并添加可以点击查看的标识(是不是很官方) getData(url: strin...原创 2018-03-13 11:57:46 · 1309 阅读 · 4 评论 -
前端angular 之MVVM
MVVM:Model-View-ViewModel是MVP(Model-View-Presenter)模式与WPF结合的应用方式时 发展演变过来的一种新型架构框架。使用的是数据绑定基础架构,View绑定到ViewModel,然后执行一些命令在向它请求一个动作。而反过来,ViewModel跟Model通讯,告诉它更新来响应UI。MVP 里的M 其实和MVC里的M是一个原创 2017-10-04 14:59:25 · 763 阅读 · 9 评论 -
angular例子之ngFOr
html: {{'this is title' | titlecase}}//管道怎么用?未知 0; else empty"> //命名挺规范滴,应该可以猜出来作用吧 User123 {{i}} of {{totalCount}}---{{u.name}}--{{u.content}} //else:原创 2017-09-16 21:09:02 · 1074 阅读 · 0 评论 -
input和output实例
input需要做一个查看考试卷子详情的界面,其中有卷子主题还有考生信息,考生信息主要是学号和学生姓名,不过这些信息所在区域还有一个满分和学生得分,如下图:父组件:html通过ts从后台获取值,从html传给子组件:student-information []=""<div class="student-paper-detail"> <student-information [e...原创 2017-10-13 16:06:40 · 11925 阅读 · 17 评论 -
前端问题整理
问题一:Error: Cannot find module 'xxx'缺少模块的引用Error: Cannot find module 'escape-string-regexp' at Function.Module._resolveFilename (module.js:469:15) at Function.Module._load (module.js:417:25)原创 2017-09-25 16:10:48 · 290 阅读 · 0 评论 -
angular输入框的长度限制
一般来说前端界面少不了一两个输入框,这篇说说输入框字体长度限制的问题 准备工作 1、安装模块npm install ng2-validation –save 2、配置*.module.tsimport { FormsModule, ReactiveFormsModule } from '@angular/forms';import {CustomFormsModule} fro原创 2017-11-05 20:37:36 · 7264 阅读 · 14 评论 -
angular路由跳转(笔记)
这篇严格来说不是自己写的,这里只是记录一下使用的过程(这样是不太好的),前端要学习的东西还有很多。懒加载模式,用到时再加之,和懒汉式、饿汉式的单例设计模式有些相像(个人看法),首先在index.html文件中引入<app-root>Loading...</app-root>在app.routes.ts文件中引入使用组件:import { RouterModule } fro...原创 2017-11-20 15:27:56 · 1142 阅读 · 21 评论 -
angular管道讲解 及 实例两三枚
在高大上的angular中管道是什么,简单明了:将原始值 转换为 显示值在我们的项目中,Wuli组长用管道小秀了一把操作,附上组长博客的连接,大神一枚、大家有事没事欢迎去访问例子一:angular自带的管道函数//html中 我的生日是{{birthday | date}}who carests中的birthday属性通过 ‘|’ 管道操作符 流入到date管道函数原创 2017-10-19 19:03:35 · 2713 阅读 · 11 评论 -
angular2——模态框使用记录
接触angular有一段时间,一直 try{ 赶项目改bug }catch(e){ 缺乏理论性学习 } 像签名所说博客主要是个人学习笔记,过程中用了刚鹏、我们组长李鑫超的很多东西,先谢谢两位大牛的热心帮助;我也在学习过程中,有的东西说的不是很深入,不断提高,不断努力,也欢迎大家提出宝贵意见,一起进步,下面这张图主要说一下编辑那个按钮,说这个之前需要先厚着脸皮说一下表格(原创 2017-12-26 11:33:45 · 1574 阅读 · 15 评论 -
angular4之时间戳转日期格式
前言:最近在做前端的项目,刚开始做还是很羞涩的样子,不过好在有百度下大神的无私奉献还有我们家欢哥的热情帮助,这个问题解决了,宝宝只负责记录一下(虽然是我的任务)下面进入主题:之前:之后:之前我是在html中试着调ts中的方法,保存之前整个界面都没了,虽然你挺难看的但是这也太给面子了;屡试无效那就请我们家欢哥来吧(明智之举),欢哥帮我解决完问题还特别好的告诉我mo原创 2017-09-22 11:26:25 · 11169 阅读 · 21 评论 -
HttpClient是什么 HTTP协议 访问网络资源
Httpclient:HTTP协议 访问网络资源(关键字)提供高效的、最新的、功能丰富的支持 HTTP 协议的客户端编程工具包,并且它支持HTTP 协议最新的版本和建议。ommons-httpclient项目:来简化HTTP客户端与服务器进行各种通讯编程。通信避免不了请求,如何请求哪?请求:GET, HEAD, POST, PUT, DELETE, TRACE原创 2018-01-29 08:07:06 · 1508 阅读 · 17 评论 -
关于跨域,主体摘自:轻松搞定JSONP跨域请求--诗渊
原理: 客户端注册callback、把callback名字传给服务器、服务器生json数据、js语法生成function、func名=传递来的参数jsonp、json以入参方式放到func==生成js语法文档返回给客户端、浏览器解析script、执行js文档、数据为参数传入客户端预定义的callback(动态执行回调函数)AJAX 跨域请求 - JSONP获取JSON数据 ...转载 2018-03-09 10:59:23 · 253 阅读 · 7 评论 -
【angular】遮罩效果实现
想弄遮罩效果已经很长时间了,但是一直没有做,前几周看见倩倩的博客感觉挺棒的,所以就试了试,成功了之后记录一下吧: 参照使用bootstrap的js插件,使用modals来实现遮罩效果。 官网 http://v3.bootcss.com/javascript/#modals首先在htlm中添加一个带id 的隐藏按钮:<!-- 点击 解除绑定 为考试解除资源 -...原创 2018-03-15 15:41:58 · 3670 阅读 · 9 评论 -
【angular】ts截取字符串、json
因为我要做的界面和组长的界面差不多所以我直接拷贝的代码,本来是好好的、安安静静地在那里展示着,但是不知道怎么回事,全乱了,所以调样式吧,后台传给我的是一张试卷的json?,接到之后转格式改之后的代码,这样展示的是一行,将 什么的都去掉了: ngOnInit() { if (this.question.stuScore == "" || this.question.stuScore原创 2018-03-13 11:37:28 · 7856 阅读 · 6 评论 -
【前端】跨域 问题 原理 + 解决方案 上
起源:错误是由于CORS跨域验证机制设置不正确导致的,但是上面的这个错误我得解决呀,不好办吗,本文结合各大……(广告时间)能说明白当然是不可能了,还需要点开文中链接看一看、瞧一瞧,当然偶尽量在本文中写滴清楚 这个前言让他有点特别吧,先写一下出现的几种问题:No 'Access-Control-Allow-Origin' header is present on the req...原创 2018-08-31 18:00:53 · 1410 阅读 · 1 评论