1

javascript闭包详解

闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 下面就是我的学习笔记,对于Javascript初学者应该是很有用的。 一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变 ...

程小杰呀 发布于 2019-11-23 09:36 评论(0)阅读(208)
0

JS基础语法---循环语句之:for 循环 + 9个练习

for循环 语法: for(表达式1;表达式2;表达式3){ 循环体; } 执行过程: 先执行一次表达式1,然后判断表达式2;如果不成立则直接跳出循环 如果表达式2成立,执行循环体的代码,结束后,跳到表达式3执行,然后跳到表达式2,判断表达式2是否成立,不成立,则跳出循环 如果表达式2成立,则执行循 ...

jane_panyiyun 发布于 2019-11-22 21:34 评论(0)阅读(44)
0

echarts玩转图表之矩形树图

前言 这是第一次用makedown编辑器写文章,感觉像一件利器,排版美观而且效率飙升。进入正题 "Echart官网文档地址" "针对于矩形树图api配置项链接" 1. 完全从数据定义图形 //obama_budget数据里面的参数可以决定option里面需要用到的参数,可以直接在后端完整定义这个da ...

破竹 发布于 2019-11-22 21:12 评论(0)阅读(122)
0

vuePress自动部署到Github Page脚本踩坑

背景 照着 "官网的教程" 来就行了,踩了个小坑,记录一下,希望对你有帮助 "这是部署后的效果" 小坑1 如图所示,官网推荐部署命令 然而windows 没有bash 指令, 直接运行报错 两个解决方法: + 项目根文件夹右键 gitBash here , 然后输入bash deploy.sh + ...

初心,你好吗 发布于 2019-11-22 20:42 评论(0)阅读(19)
0

js中this由来

这篇文章主要是讲述js中的this是什么?是怎么来的? 我们首先创建一个person对象,如下: var person = { name: 'wyh', age: 22, sayHi: function (name, age) { console.log('你好,我是' + name + ',今年' ...

_wyh 发布于 2019-11-22 20:05 评论(0)阅读(71)
0

JS基础语法---do-while循环 + 总结while循环和do-while循环

1. 总结:while循环和do-while循环 while循环特点:先判断,后循环,有可能一次循环体都不执行 do-while循环特点:先循环,后判断,至少执行一次循环体 对比体会: 1. do-while循环特点: 先循环,后判断,至少执行一次循环体 var i = 0; do { consol ...

jane_panyiyun 发布于 2019-11-22 17:47 评论(0)阅读(30)
0

怎么写递归

以前我很少写递归,因为感觉写递归需要灵感,很难复制。学了点函数式后,我发现写递归其实是有套路的。 ...

apolis 发布于 2019-11-22 17:21 评论(0)阅读(285)
0

window启动webpack打包的三种方法

1.在cmd终端执行 npx webpack命令 2.在package.json文件同级建立webpack.config.js文件,内容如下: const path = require('path'); module.exports = { entry: './src/index.js', // 入 ...

斩月飞仙 发布于 2019-11-22 17:14 评论(0)阅读(55)
0

JavaScript调用百度地图

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

锅盖、 发布于 2019-11-22 13:54 评论(0)阅读(60)
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)阅读(36)
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)阅读(66)
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)阅读(583)
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)阅读(53)
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)