0

【前端知识体系-JS相关】JS-Web-API总结

DOM操作的常用API有哪些?DOM事件级别有哪些(DOM0-2事件)? ...

Web前端社区 发布于 2019-11-21 22:11 评论(0)阅读(5)
0

不存在值检测操作符

使用形式: unsafe_expr?? 或 (unsafe_expr)?? 这个操作符告诉我们一个值是否存在。基于这种情况, 结果是 true 或 false。 访问非顶层变量的使用规则和默认值操作符(上一篇)也是一样的, 也就是说,可以写 product.color?? 和 (product.co ...

天才不是天生的 发布于 2019-11-21 20:54 评论(0)阅读(3)
0

默认值操作符(Freemarker的空值处理)

默认值操作符: 使用形式例如: userName!default_expr 或 userName! 或 (userName)!default_expr 或 (userName)! 这个操作符允许你为可能不存在的变量指定一个默认值(default_expr),'!'后没有参数默认返回一个空。 例如,假 ...

天才不是天生的 发布于 2019-11-21 20:50 评论(0)阅读(4)
0

比较运算符

比较运算符: == : 相等 != :不等 = 或 != 两边的表达式的结果都必须是标量 freemarker是区分类型的:例如<#if 1 = "1"> 就会导致错误; >= 和 > 不能使用,原因:'>'在使用的时候可以把它当作FTL标签的结束符。 lt 代替 <, lte 代替 <=, gt ...

天才不是天生的 发布于 2019-11-21 20:23 评论(0)阅读(5)
0

放大镜效果

用原生js,实现放大镜效果 css <style> *{ margin:0; padding:0; } #box{ width:350px; height:350px; border:1px solid #000; margin:100px; position:relative; } #big{ w ...

野鹤亦闲云 发布于 2019-11-21 17:20 评论(0)阅读(11)
0

js键盘事件以及键盘事件拦截

一.键盘事件 onkeydown: 按下键盘时触发 onkeypress: 按下有值的键时触发 : 按下 、`Alt Shift Meta` 这样无值的键,这个事件不会触发对于有值的键,按下时先触发 keydown 事件,再触发这个事件 onkeyup:松开键盘时触发该事件 二.组合键 ctrl相关 ...

小小咸鱼YwY 发布于 2019-11-21 17:01 评论(0)阅读(18)
0

HTML CSS整理笔记

点击链接后退页面: <a href="javascript:history.go(-1)">回到上一个网页</a> ——修改placeholder提示的样式:1.除IE外通用写法 类名或标签名::placeholder {color: red;}2.加兼容前缀写法 css超出一行显示省略号:给定宽度 ...

程序猿的日常1 发布于 2019-11-21 16:46 评论(0)阅读(37)
0

tab栏切换

原生tab栏切换 css 1 <style> 2 .box { 3 width: 400px; 4 margin:100px auto; 5 border:1px solid #ccc; 6 } 7 .top button.purple { 8 background-color: purple; 9 ...

野鹤亦闲云 发布于 2019-11-21 16:41 评论(0)阅读(9)
0

文字溢出省略

单行省略 display: block; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; 多行省略 (数字即为自定义的行数)/(需要注意溢出隐藏的高度) overflow:hidden; text-overflow:ell ...

野鹤亦闲云 发布于 2019-11-21 15:59 评论(0)阅读(15)
0

Windwos安装Node.js和npm的详细步骤

How to Install Node.js and NPM on Windows Node和npm 因为Node.js里包含npm,安装node的时候会自动将npm也安装在本地,并且npm就是Node.js的包管理工具(package manager),npm = node package man ...

LucioLu 发布于 2019-11-21 15:49 评论(0)阅读(17)
0

JS基本语法---while循环---练习

JS基本语法 while循环 练习 练习1: 求6的阶乘 var ji = 1;//存储最终的阶乘的结果 var i = 1;//开始的数字 while (i <= 6) { ji *= i; //ji=ji*i 加减乘除都可以这样表示 i++; } console.log(ji); 练习2: 求1 ...

jane_panyiyun 发布于 2019-11-21 15:39 评论(0)阅读(14)
0

弹性盒布局

笔记+小案例 1 <style> 2 3 .zi{ 4 height:100px; 5 width:100px; 6 background:purple; 7 margin:2px; 8 line-height:100px; 9 text-align: center; 10 color:#fff; ...

野鹤亦闲云 发布于 2019-11-21 15:36 评论(0)阅读(15)
0

万能清除法

父元素高度自适应,子元素 float 后,造成父元素高度为0,称为高度塌陷问题。 推荐使用万能清除法解决。(给需要清除浮动的元素添加一个class名 clear) 万能清除法代码 父元素:after{ content: ""; height: 0; clear: both; overflow: hi ...

野鹤亦闲云 发布于 2019-11-21 14:47 评论(0)阅读(14)
0

图片上传

略有瑕疵,凑合能用,先当个笔记了,以后有更好的再换。 css 1 <style> 2 /*外层div*/ 3 .input-file-box{ 4 border: 1px solid gray; 5 width: 5rem; 6 height: 5rem; 7 margin-left:.5rem; ...

野鹤亦闲云 发布于 2019-11-21 14:26 评论(0)阅读(26)
0

点击事件

几个点击事件 1 <body> 2 <button>jq点击</button> 3 <input type="button" id="btn1" value="第一种"> 4 <input type="button" id="btn2" value="第二种"> 5 <input type="but ...

野鹤亦闲云 发布于 2019-11-21 14:06 评论(0)阅读(14)
0

JS基本语法---while循环

循环:一件事不停的或者是重复的做 循环要有结束的条件,循环还应该有计数器(记录循环的次数的) while循环 while循环语法: 计数器 var 变量=0; while(循环的条件){ 循环体; 计数器++; } 执行过程: 先判断条件是否成立,(条件的结果是true还是false),如果是fal ...

jane_panyiyun 发布于 2019-11-21 14:02 评论(0)阅读(11)
0

定时器及其清除

倒计时定时器 、 循环定时器 及定时器的清除 1 <body> 2 <div> 3 <input type="button" onclick="yi()" value="启动倒计时定时器"> 4 <input type="button" onclick="er()" value="启动循环定时器"> ...

野鹤亦闲云 发布于 2019-11-21 13:45 评论(0)阅读(14)
0

JS基础语法---分支语句总结

分支语句: if语句:一个分支 if-else语句:两个分支,最终只执行一个分支 if-else if-else if...语句: 多个分支,也是只会执行一个 switch-case语句:多分支语句,最终也会一个(必须要有break) 三元表达式:和if-else语句是一样的 什么时候使用if-el ...

jane_panyiyun 发布于 2019-11-21 13:11 评论(0)阅读(15)
2

webpack优化之玩转代码分割和公共代码提取

当项目业务越来越复杂,打包出来的代码会非常冗余,文件体积会非常庞大。大体积文件会增加编译时间,影响开发效率;如果直接上线,还会拉长请求和加载时长,影响网站体验。作为一个追求极致体验的攻城狮,是不能忍的。所以在多页应用中优化打包尤为必要。那么如何优化webpack打包呢? ...

champyin 发布于 2019-11-21 12:20 评论(0)阅读(197)
0

angular cli 反向代理实现跨域

版本: 1、后端实现跨域(php) header("Access-Control-Allow-Origin: *"); // // 响应类型 // header('Access-Control-Allow-Methods:POST'); // // 响应头设置 // header('Access-C ...

不爱贞子爱爽子 发布于 2019-11-21 12:06 评论(0)阅读(23)