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)阅读(32)
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)阅读(290)
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)阅读(46)
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)阅读(56)
0

判断变量的数据类型

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

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

现代WEB前端的性能优化

现代WEB前端的性能优化 前言:这只是一份学习笔记。 什么是WEB前端 潜在的优化点: DNS是否可以通过缓存减少DNS查询时间? 网络请求的过程走最近的网络环境? 相同的静态资源是否可以缓存? 能否减少http请求的大小? 减少http请求数 服务端渲染 涉及层面 网络层面 构建层面 服务端层面 ...

IT唐伯虎 发布于 2019-11-21 10:25 评论(0)阅读(60)
0

【微信小程序】动态设置图片大小

我们都知道微信小程序的组件image是用来显示图片的,它有一下几个属性:1、src 图片资源地址2、mode 图片裁剪、缩放的模式3、binderror 当错误发生时,发布到 AppService 的事件名,事件对象event.detail = {errMsg: ‘something wrong’} ...

妞小唛 发布于 2019-11-21 10:05 评论(0)阅读(33)
0

Vue+ElementUI的后台管理框架

新开发的一个后台管理系统。在框架上,领导要用AdminLTE这套模板。这个其实很简单,把该引入的样式和js文件引入就可以了。这里就不多赘述了。有兴趣的可以参考:https://www.jianshu.com/p/e80b1f5001eb,或者可以参考官网:https://adminlte.io/ 效 ...

冰乐 发布于 2019-11-21 09:52 评论(0)阅读(266)
0

set map symbol

set 声明 let set = new Set();即创建了一个空的set 赋值 let set = new Set(['张三','李四','王五']); 特性 似于数组,但它的一大特性就是所有元素都是唯一的,没有重复。 我们可以利用这一唯一特性进行数组的去重工作。 let set = new S ...

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

【入门篇】前端框架Vue.js知识介绍

一、Vue.js介绍 1、什么是MVVM? MVVM(Model-View-ViewModel)是一种软件架构设计模式,它源于MVC(Model-View-Controller)模式,它是一种思想,一种组织和管理代码的艺术。它利用数据绑定、属性依赖、路由事件、命令等特性实现高效灵活的架构。 MVVM ...

joinclear 发布于 2019-11-20 23:20 评论(0)阅读(58)
0

浅谈javascript引擎执行代码的步骤-(2019-2)

平时面试经常会遇到类似下面的这种题,而且千变万化,让人一个头两个。示例这道题算是稍微有点难度的了,这种题考查的是JavaScript引擎执行代码的步骤。 先上理论: (1)分析脚本的执行过程,也就是全局作用域下的代码。 ①创建全局对象GO(window) ②加载脚本代码 ③预编译:依此找到var开头 ...

不粘人的小妖精 发布于 2019-11-20 21:24 评论(0)阅读(30)
1

如何使ElementUi中的el-dropdown传入多参数

这边因为业务的需求,觉得随着产品中心以后需要按钮的增多(图1操作栏的效果),这样会导致排版和按钮过于冗长的问题,用户体验不佳,于是想到利用el-dropdown做一个下拉按钮(图1操作1栏的效果) 。 图1 两种按钮效果 但是ElementUi官方文档中的handleCommand方法只允许接入一个 ...

他好像一条狗啊 发布于 2019-11-20 19:37 评论(0)阅读(118)
1

ES6 Map

Map是ES6提供给我们的构造函数,本质上是键值对的集合。他和对象类似 特点:key对应value,key和value唯一,任何值都可以当属性(包括对象)。但在Javascript的Object属性和值构成的是”字符串-值“对,属性只能是字符串,如果传个对象字面量作为属性名,那么会默认把对象转换成字 ...

张最棒 发布于 2019-11-20 18:19 评论(0)阅读(46)
1

SVG撑满页面

当viewBox属性固定,默认修改svg标签的宽高,svg都会按比例缩放 我们现在不想按比例缩放,需要svg撑满整个画面 这里只需为svg标签添加一个关键属性:preserveAspectRatio 注意:经过验证,通过js或jq方法添加该属性时,需要区分大小写 这样你就可以随意设置svg的宽高了 ...

虞兮虞兮奈若何! 发布于 2019-11-20 17:37 评论(0)阅读(37)
1

ES6 Set

ES6引入了一个新的数据结构类型:Set。而Set与Array的结构是很类似的,且Set和Array可以相互进行转换。 特点:只有属性值,成员值唯一(不重复)。 回忆数组: 使用构造函数创建数组 var arr = new Array(); //创建一个空数组var arr1 = new Array ...

张最棒 发布于 2019-11-20 17:17 评论(0)阅读(43)
1

ElementUi中el-table分页效果

现实的场景中很经常遇到表格el-table数据过多,为了更好的用户体验,所以我们需要用到分页,一般分页可以视数据量的大小可分为前端控制和后端控制。 先看下效果(已做脱敏处理) 图1 前端el-table分页效果 这里就把ElementUi官方的例子进行修改来说明 <template> <el-tab ...

他好像一条狗啊 发布于 2019-11-20 15:47 评论(0)阅读(82)
1

JS基础语法---一元运算符

* ++ -- 都是运算符 * ++ 和 -- 可以分为:前+ 和后+ and 前- 和后- * 如果++在后面:如: num++ +10参与运算 * 先参与运算,运算结束后自身再加1 * 如果++在前面:如: ++num+10参与运算 * 先自身加1,然后再参与运算 * Ctrl+/可以把选中的代 ...

jane_panyiyun 发布于 2019-11-20 15:22 评论(0)阅读(23)