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)阅读(5)
0

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

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

小小咸鱼YwY 发布于 2019-11-21 17:01 评论(0)阅读(10)
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)阅读(32)
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)阅读(5)
0

文字溢出省略

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

野鹤亦闲云 发布于 2019-11-21 15:59 评论(0)阅读(12)
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)阅读(12)
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)阅读(10)
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)阅读(11)
0

万能清除法

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

野鹤亦闲云 发布于 2019-11-21 14:47 评论(0)阅读(11)
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)阅读(22)
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)阅读(12)
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)阅读(13)
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)阅读(14)
2

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

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

champyin 发布于 2019-11-21 12:20 评论(0)阅读(178)
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)阅读(17)
0

JS基础语法---分支语句之:switch-case语句---3个练习

switch-case语句 分支语句 多分支语句 语法: switch(表达式){ case 值1:代码1;break; case 值2:代码2;break; case 值3:代码3;break; case 值4:代码4;break; ...多个case default:代码5; } *注意问题: ...

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

遮罩

一个简单的遮罩 1 <style> 2 #loading{ 3 display:none; 4 width:100%; 5 margin:0 auto; 6 position:fixed; 7 left:0; 8 top:0; 9 bottom: 0; 10 z-index: 111; 11 bac ...

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

iframe子元素无法全屏

最近做的项目中遇到的问题: 在最新的Chrome浏览器中,全屏功能正常 在旧版本Chrome浏览器中(与最新版版本号相差二十左右),全屏功能无效 在IE11浏览器中,全屏功能无效 反复排查,发现该项目嵌套了两层iframe,我只给最内层的iframe添加了允许全屏属性,在给两层iframe都添加该属 ...

虞兮虞兮奈若何! 发布于 2019-11-21 11:33 评论(0)阅读(9)
0

基本数据类型和引用数据类型

1、栈(stack)和堆(heap) stack为自动分配的内存空间,它由系统自动释放;而heap则是动态分配的内存,大小也不一定会自动释放 2、数据类型 JS分两种数据类型: js的六或七大数据类型:Number, String, Boolean, Undefined , Null , Objec ...

程小杰呀 发布于 2019-11-21 11:09 评论(0)阅读(14)