0

JavaScript调用百度地图

在网站开发过程中,经常会调用到地图,百度地图提供Web开发、Android开发、iOS开发API及SDK,百度地图JavaScript API可帮助您在网站中构建功能丰富、交互性强的地图应用,本篇博客简单介绍如何使用百度地图提供的JavaScript API调用百度地图。 百度地图开放平台地址:ht ...

锅盖、 发布于 2019-11-22 13:54 评论(0)阅读(62)
0

webpack加载css文件及其配置

webpack加载css文件及其配置 1. 当我们写了几个css文件之后如果想要引用到html中去的话我们最开始的方式就是通过link标签将css文件导入进去,但是如果我们的css文件有很多的话,一个个的导入是不推荐的;而现在我们学了webpack,我们希望的是通过打包bundle.js文件,将所有 ...

scriptLiu 发布于 2019-11-22 12:53 评论(0)阅读(29)
0

webpack3、4的基本的使用方法

webpack的基本使用 webpack的安装 1. webpack的使用时需要借助 node 的环境的 2. 在 node 中自动下载了 npm 这个包管理工具,之后的操作我们需要使用npm包管理工具进行相关操作 3. 我们需要打开终端(cmd)或者编译器中的终端(我使用的vs code编译器,使 ...

scriptLiu 发布于 2019-11-22 12:46 评论(0)阅读(38)
0

js基础题

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...

前端小白崔鹏 发布于 2019-11-22 12:33 评论(0)阅读(48)
0

如何增强前端代码的健壮性

前端页面的成功呈现,不仅要求在理想情况下没问题,当一些后台接口访问异常、静态文件获取失败时,仍然需要尽可能提供降级方案或给用户良好的反馈,不至于整个页面的奔溃。今天我将分享一些提高页面健壮性的技巧。 异常处理 主要指数据类型。这种情况最常出现在读取后台数据的时候,尤其是需要取数组、对象等引用类型时, ...

陌上兮月 发布于 2019-11-22 11:44 评论(0)阅读(68)
0

vue计算属性和侦听器

(1)计算属性 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护: {{ message.split('').reverse().join('') }} 将上述例子改成: Original message: "{{ message }}" Co ...

Booye 发布于 2019-11-22 10:38 评论(0)阅读(32)
3

五分钟学会HTML5的WebSocket协议

1、背景   很多网站为了实现推送技术,所用的技术都是 Ajax轮询 。轮询是在特定的的时间间隔由浏览器对服务器发出HTTP请求,然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点,即浏览器需要不断的向服务器发出请求,然而HTTP请求可能包含较长的头部,其 ...

Peerless1029 发布于 2019-11-22 08:12 评论(2)阅读(585)
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)阅读(51)
0

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

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

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

JS基本语法---while循环

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

jane_panyiyun 发布于 2019-11-21 14:02 评论(0)阅读(31)
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)阅读(30)
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)阅读(32)
3

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

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

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

基本数据类型和引用数据类型的区别

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

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

判断变量的数据类型

Object.prototype.toString.call() 判断变量类型的所有方法中,该方法可以说是判断的最完全的方法,所有的数据类型都可以判断,在使用Object.prototype.toString.call()方法判断变量类型时,需要判断的变量会放在小括号内 var str = "abc ...

调用Function 发布于 2019-11-21 10:59 评论(0)阅读(29)