前端总结
前端总结
严文文-Chris
这个作者很懒,什么都没留下…
展开
-
【Jquery】——第二讲
Jquery第二讲1.table中可以包含thead和tbody2.表头的内容可以放到th中3.table{}这种写法称作标签选择器,可以对整个页面所有table产生影响。4.table td{}这种写法表示的是table中包含的所有td。5.可以通过border-collapse:collapse这种方式来使表格中的单元格的边框合并。 6.当th上由背景色时,这个th属于的tr上定义的背景色会无...原创 2018-07-12 09:42:15 · 123 阅读 · 6 评论 -
【Jquery】——第五讲
Jquery第五讲1.img标签的alt属性要写上,在图片尚未装载进来或图片不存在时,这个属性的文字信息会显示出来2.select表示下拉框,下拉框的每一项都是一个option, option开始结尾标签中的内容会显示在页面上,value属性的值则是用于在JQuery中用val方法获取并发送给服务器的。定义了selected的属性值为selected时,表示当前option被选中3.div元素居...原创 2018-07-12 10:12:59 · 188 阅读 · 15 评论 -
【Jquery】第四讲
Jquery第四讲1.一组标签用一个ul来管理,每一个标签是ul中的一个li;标签下面的内容就是用div来管理2.跟在浮动元素(float)之后的元素会围绕着浮动元素,如果不希望有这种围绕,可以在浮动元素之后的那个元素上定义clear属性,来清除这种效果。3.实现当前标签和内容区域的融合,可以通过使用相同的背景色,外加当前标签使用同颜色的边框来实现。4.JQuery中的mouseover, mou...原创 2018-07-12 09:58:11 · 159 阅读 · 11 评论 -
【jquery】_问题
问题代码敲好去运行,发现表格不能编辑,于是按下F12,提示: $ is not defined 解决办法: 1.引入的路径不正确,确保script的src引用路径正确。在路径前面加上${pageContext.request.contextPath},PageContext类的实例,提供对JSP页面所有对象以及命名空间的访问。${pageContext.request.contextPath}等价...原创 2018-07-12 09:44:16 · 151 阅读 · 7 评论 -
【Jquery】——第三讲
Jquery第三讲1.页面中的菜单项可以通过嵌套的ul和li来表示2.菜单最外层为ul,一层每个主菜单放在一个li中,如果有子菜单,在这个主菜单的li中建立新的ul,再依次嵌套即可构建多层的菜单。3.浏览器中ul和li元素默认情况下文字前都有圆点标识符,li元素会有缩进。Opera浏览器比较特殊,li的标识符和其他浏览器不同。4.list-style属性值为none时,可以清除ul和li前面的小圆...原创 2018-07-12 09:48:53 · 129 阅读 · 6 评论 -
bootstrap小结
布局组件<meta name="viewport" content="width=device-width, initial-scale=1.0">为了让bootstrap开发的网站对移动设备友好,确保是党的绘制和触屏所犯,小在网页的head之中添加wiewport meta标签width属性空值设备的宽度,假设您的网站江北带有不同屏幕分辨率的设备浏览,那么将它设置为d...原创 2019-01-06 21:56:39 · 208 阅读 · 0 评论 -
angular和 react vue的比较
思考工欲善其事,必先利其器,在选择任何工具之前,需要回答两个简单的问题:它本身是好用的工具吗,是否适合我的使用场景。如果觉得问题太笼统,我们还可以分解成一些小的问题。工具本身的问题:• 他的成熟度以及背后支持它的是谁?• 他又什么样的特性?• 他是用什么样的架构,开发范式,和模式?• 围绕它的生态圈怎么样》自我反思的问题:我和我的同事能否轻松地学会使用它?• ...原创 2018-08-21 07:48:49 · 285 阅读 · 3 评论 -
路由守卫
路由守卫为什么设置路由守卫?在不设置路由守卫的时候,任何用户都能在任何时候导航到任何地方,但是在某些场景为了安全,我们需要登陆的yoghurt才能导航到对应的页面,这时候们需要给组件添加路由守卫 分层路由介绍CanActivate:处理导航到某路由的情况 CanActivateChild 处理导航到某子路由的情况 CanDeactivate:处理从当前路由离开的情况 Re...原创 2018-11-18 21:48:37 · 144 阅读 · 6 评论 -
探索——苹果手机不兼容MUI侧滑下拉内容
组长委以重任与我,解决苹果手机不兼容MUI的问题,我上网查了一些资料,发现关于这方面的解决方案大致分为两种,一是在HTML代码中,使用iframe 或者其他元素,用div装饰,二是用ionic框架替换MUI框架 先说说第一种方案的经历 原始代码:<!--侧滑菜单部分--> <aside id="offCanvas...原创 2018-11-08 19:33:33 · 352 阅读 · 3 评论 -
路由多参数传参及接收
1.导航需要跳转的地址,兵役json对象格式传入多个参数,key值可以随便签,但后面的页面接收参数获取的值一定要和这个key值对应才可以import { Router } from '@angular/router';//需要引入的库类。 constructor( //在构造器中声明 private router:Router, ) { } /** *...转载 2018-12-20 20:08:18 · 540 阅读 · 1 评论 -
【angular】-AngularJS、Angular 2、Angular 4的区别
AngularJS、Angular 2、Angular 4的区别前言随着Angular的发展,有必要了解AngularJS、Angular 2、Angular 4的区别命名区别(1)我们常说的Angular 1 值angularJS;从angular 2 开始改名,不带有JS(2)版本变换:从angular 2直接跳跃到angular 4,为什么没有angular 3呢...原创 2018-08-20 14:25:08 · 1266 阅读 · 2 评论 -
错误angular4 Error: If ngModel is used within a form tag...
ts代码前端实现多选框的功能,借鉴了网上的代码,结果出现以上的错误,导致我的功能不能实现,感谢所有帮我调错的伙伴。这个错误让我知道了要想快速解决错误,还是要冲错误提示下手,这样才是对症下药啊。这个错误翻译成中文就是 如果我的ts代码里有多个 双向绑定 [{ngModel}],要给每个ngModel添加name,或者将控件定义为“”standalone“”,否则就会报错。...原创 2018-09-16 17:49:03 · 315 阅读 · 8 评论 -
angular之组件 、 服务 、指令、 模块
Angular4中的组件,模块,服务,装饰器,控制器组件(component)我们可以理解为一段带有业务逻辑和数据的HTML服务(server)server用来封装可重用的业务逻辑指令指令允许你向HTML中添加自定义行为,Angular为我们提供了很多指令可以使用模块(module)上面说的组件,服务,指令加在一起是用来实现一个功能的,而模块(mod...原创 2018-08-21 07:53:50 · 964 阅读 · 7 评论 -
服务器端渲染
What以前在前后端分离大规模应用之前,用户请求网页,都是后端先调用数据库,获得数据之后,将数据和页面元素进行拼装,组合成完整的 html 页面,再直接返回给浏览器,以便用户浏览。 但由于近几年前后端分离的理念被大规模应用,前后端进行了拆分,并且单页应用得到了广泛应用(Angular、React、Vue 前端三大框架)。现在前后端拆分核心理念 前后端拆分,后端专注于数据...原创 2018-08-21 07:46:33 · 332 阅读 · 4 评论 -
前端--项目版本过低
启动教务前端项目时出现如下错误:Version of @angular/compiler-cli needs to be 2.3.1 or greater. Current version is "5.2.11".Error: Version of @angular/compiler-cli needs to be 2.3.1 or greater. Current version is ...原创 2018-11-11 20:26:29 · 425 阅读 · 2 评论 -
augular 小结
-webkit-box-shadow:为了兼容各主流浏览器并支持这些主流浏览器的较低版本,在基于Webkit的Chrome和Safari等浏览器上使用box-shadow属性时,我们需要将属性的名称写成-webkit-box-shadow的形式。Firefox浏览器则需要写成-moz-box-shadow的形式。 1 2 3 4 5 6 ...原创 2018-08-20 08:26:26 · 157 阅读 · 0 评论 -
积分ionic前端代码收集(一)
一.保存现在的时间/*** 保存现在时间* @param nows * @param keepTime * @author 严文文* time 2018-12-20 08:12:22*/convertToDate(nows, keepTime) {var now = new Date(nows);now.setDate(now.getDate() + kee...原创 2018-12-20 08:51:22 · 181 阅读 · 1 评论 -
MUI封装的ajax请求
今天调试体测bug,发现ts里有一点axaj的代码,好奇为什么用这个,于是上网查一查,大概了解了一下.因为我们前端用了MUI的框架,但是MUI框架基于htm5plus的XMLHttpRequest,封装了常用的Ajax函数,支持GET,POST的请求方式,支持返回json,xml,html,script数据类型;MUI 提供了mui.ajax方法,并在mui.ajax方法基础上,进一步简化...原创 2018-11-11 20:35:56 · 1339 阅读 · 2 评论 -
【angular】——状态字段
Touched和untouched用来判断用户是否获取过焦点,如果获取过焦点则touched=true;untouched=false,如果没有获取过焦点,touched=false;untouched=true;这两个字段控制错误信息是否显示。 用户未访问密码时,我们控制错误密码的错误信息不显示<!-- 密码合法和从来没获取过焦点就将错误信息隐藏 --><...原创 2018-09-02 23:45:19 · 255 阅读 · 6 评论 -
【体测代码解析】——前端
exportconstflyIn=trigger('flyIn',[state('in',style({transform:'translateX(0)'})),transition('void=>*',[animate(300,keyframes([style({opacity:0,transform:'translateX(-100%)',offset:0}),style({...原创 2018-08-20 08:37:53 · 528 阅读 · 2 评论 -
安装nodejs 后运行 npm 命令无响应处理方法
再全新安装nodejs ,运行npm 命令,无响应。处理方法,删除C:\Users\{账户}\下的.npmrc文件再运行npm 命令,正常解决问题思路:根据实际遇到的问题解决问题。照搬node.js安装和配置教程不成功的时候就需要思考,而不是重复教程的步骤。...原创 2019-03-06 11:07:09 · 1375 阅读 · 8 评论 -
前端将string类型转化成数组
今天遇到一个前端到后端走不通的问题,测试url没问题,就是走不到后端,于是请教同桌,我们发现是传递的body问题,因为后端的body是List<String>,二亲前端传过去的是一个string类型,所以这个方法一直调不到后端,纳闷如何在前端把一个string类型转化成一个数组呢?代码如下 selectAcademyId: string; const strin...原创 2018-12-23 10:09:38 · 5600 阅读 · 3 评论 -
document.querySelector和querySelectorAll方法
特点:querySelector纸皮片返回第一个元素,如果没有匹配项,返回null querySelectorAll 返回匹配的元素集合,如果没有匹配项,返回空的nodelist(节点数组) 返回的结果是静态的,之后对document结构的改变不会影响到之前取到结果 她们可以接受三种类型的参数:id(#),class(.),标签var obj = document.querySelec...转载 2018-12-20 20:13:22 · 2700 阅读 · 1 评论 -
分析Angular目录结构
分析Angular目录结构以及Angular Cli生成的基础代码 e2e 端到端的测试目录,用来做自动测试得 node_modules 第三方的依赖包 src 源代码目录 app 包含应用的组件和模块 assets 用来存放静态资源文件 environment 环境配置,支持多环境开发,比如开发环境和生产环境可以共用一套代码 index.html 整个应用的根文件 ...转载 2018-08-21 07:49:45 · 215 阅读 · 4 评论 -
命令强制删除nodejs
如果之前安装了node,想要重新安装,就用命令强制删除 一.rmdir 删除整个目录好比说我要删除 222 这个目录下的所有目录和档案,这语法就是:rmdir /s/q 222其中:/s 是代表删除所有子目录跟其中的档案。/q 是不要它在删除档案或目录时,不再问我 Yes or No 的动作。要删除的目录前也可以指定路径,如:rmdir /s/q d:\123\abc...原创 2018-11-11 20:35:06 · 2641 阅读 · 3 评论 -
【JavaScript】———alert ,confirm ,prompt 的区别和用法
1.警告消息框alertalert 方法有一个参数,即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说,用户必须先关闭该消息框然后才能继续进行操作。 window.alert("欢迎!请按“确定”继续。"); 2.确认消息框confirm 使用确认消息框可向用户问一个“是-或-否”问题,并且用户可以选择单...原创 2018-07-04 17:14:16 · 359 阅读 · 6 评论 -
JavaScript总结
待补充原创 2019-01-20 21:44:43 · 113 阅读 · 4 评论 -
【JavaScript】——异常处理
目录 错误一定会发生基本的try…catch语句 JavaScript测试和捕捉Throw 语句语法finally语句语法错误一定会发生当JavaScript 引擎执行 JavaScript 代码时,会发生各种错误:可能是语法错误,通常是程序员造成的编码错误或错别字。可能是拼写错误或语言中缺少的功能(可能由于浏览器差异)。可能是由于来自服务器或用...原创 2018-07-04 14:46:27 · 186 阅读 · 2 评论 -
【JavaScript】——js中appendChild()、createElement()、createTextNode()用法
DOM允许你创建自己的元素和文本节点,并把它们添加大文档树中。理论上上说,你可以从树中移除所有的元素,创建新元素,或者重整文档树,从而完全改变页面。但是在实践中,这个特性用起来有些限制。DOM也允许你克隆现有的元素,已便你能方便地复制文档的某一部分,今天我们主要讲讲appendChild()、createElement()、createTextNode()的用法//创建一个li新...原创 2018-07-03 14:42:41 · 1098 阅读 · 4 评论 -
【JavaScript】——argument
JavaScript允许函数有不定数目的参数,所以我们需要一种机制,可以在函数体内 部读取所有参数。这就是arguments对象的由来,我将详细介绍Javascript中的arguments对象和使用方法。 其实Javascript并没有重载函数的功能,但是Arguments对象能够模拟重载。Javascrip中国每个函数都会有一个Arguments对象实例arguments,它引用着函数的实参,...原创 2018-07-04 14:36:04 · 439 阅读 · 3 评论 -
【JavaScript】——document.getElementsByName()、document.getElementById()、document.getElementsByTagName()
ocument.getElementsByName() 是根据控件名称获取这个控件对象,因为控件名称可以相同,返回的是一个对象数组。 document.getElementById() 是根据控件ID获取这个控件对象,因为控件ID唯一,返回的是一个对象。 document.getElementsByTagName() 是根据控件TAG获取这个控件对象,返回的是一个对象数组。 例如: H...原创 2018-07-03 14:31:18 · 840 阅读 · 4 评论 -
【JavaScript】——美术馆
HTML、css和js的完美集合,实现的功能虽然小,但是五脏俱全,为我以后的前端树立经典的榜样,下面我来接下一下这里的代码 HTML 主要作用是展现页面,这里引用了js和css样式,与HTML控件协作完成美术馆的功能。<html> <head> <title>美术馆</title> ...原创 2018-07-03 09:08:59 · 281 阅读 · 4 评论 -
【javascript坐标】——event.x、event.clientX、event.offsetX、event.screenX 用法
clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条。clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标,其中客户区域不包括窗口自身的控件和滚动条。offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。screenX 设置或获取获取鼠...原创 2018-07-04 14:49:37 · 1792 阅读 · 3 评论 -
【JavaScript】——typeof 和 instanceof的区别
typeof 和 instanceof的区别相同点JavaScript中 typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的。 不同点Typeofl 用法typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型。l 返回结果:NumberBooleanStringFunctionObjectundefined。l 作用可以使用 typeof 来...转载 2018-07-03 09:54:58 · 140 阅读 · 4 评论 -
【JavaScript】——substr() 方法
定义和用法substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。语法stringObject.substr(start,length)参数 描述 start 必需。要抽取的子串的起始下标。必须是数值。如果是负数,那么该参数声明从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。 length 可选。子串中的字符数。...原创 2018-07-04 14:50:52 · 626 阅读 · 4 评论 -
【JavaScript】——运算符
JavaScript赋值运算符赋值运算符用于给JavaScript 变量赋值。给定 x=10 和 y=5,下面的表格解释了赋值运算符:运算符 例子 等价于 结果 = x=y x=5 += x+=y x=x+y x=15 -= x-=y x=x-y x=5 *= x*=y x=x*y x=50 /= x/=y x=x/y x=2 %= x%=y x=x%y...转载 2018-07-03 11:01:55 · 126 阅读 · 3 评论 -
【JavaScript】——正则表达式
看视频学习正则表达式,小编真的很懵,看一些资料才知道一星半点,下面是我找到的比较全面的一片文章,分享给大家,希望对你有帮助 What正则表达式(regular expression)描述了一种字符串匹配的模式,可以用来检查一个串是否含有某种子串、将匹配的子串做替换或者从某个串中取出符合某个条件的子串等。 Why为啥要有正则表达式呢?其实就是因为计算机笨(这话不是我说的),比如123456@qq....转载 2018-07-04 14:47:12 · 138 阅读 · 4 评论 -
【JavaScript】——push方法
JavaScript push() 方法定义和用法push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。语法arrayObject.push(newelement1,newelement2,....,newelementX)参数 描述 newelement1 必需。要添加到数组的第一个元素。 newelement2 可选。要添加到数组的第二个元素。 newelementX ...转载 2018-07-04 17:16:43 · 261 阅读 · 5 评论 -
【JavaScript】——Console对象方法
小编看到代码里有console.log不理解,上网一查,知道这是输出信息的意思,而且console家族成员真不少,分享给大家,欢迎大家提出意见Console对象方法方法 描述 实例 assert() ssert方法接受两个参数,第一个参数是表达式,第二个参数是字符串。只有当第一个参数为false,才会输出第二个参数,否则不会有任何结果。 // 实例 console.assert(true...原创 2018-07-03 15:12:52 · 131 阅读 · 3 评论 -
【JavaScript】——时间控制
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。语法setTimeout(code,millisec)参数 描述 code 必需。要调用的函数后要执行的 JavaScript 代码串。 millisec 必需。在执行代码前需等待的毫秒数。 提示和注释提示:setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 co...原创 2018-07-04 14:52:59 · 503 阅读 · 3 评论