1
js自定义的可分类可搜索的下拉框组件

html5搜索框结合datalist可以实现带搜索功能的下拉框 不过尝试了下,使用optgroup分组发现没效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>search</title> </head> ...

陈莺莺呀 @ 2020/03/29

3
thymeleaf + layui 整合问题笔记

1、ThymeLeaf+LayUI表格渲染错误 使用thymeleafhe+layui渲染表格时,出现错误org.thymeleaf.exceptions.TemplateProcessingException: Could not parse as expression: 这是因为[[]]是thy ...

QianTLL @ 2020/03/29

4
TypeScript环境搭建

前言 TypeScript是微软开发的一门自由和开源的编程语言,TypeScript是JavaScript的一个超集,他保留JavaScript语言本身的特性,同时他向我们提供了一些语法糖帮助我们方便更好的实践面向对象编程。 同时利用他我们可以使JavaScript开发变得更简单,同时他更符合前端模 ...

HueiFeng @ 2020/03/29

5
前端优化之 -- 使用 require.context 让项目实现路由自动导入

最近接手了公司两个项目,一个PC端后台管理系统,一个app端项目,当然使用的依然是熟悉“Vue全家桶”那套!但是,当我打开项目时,里面的代码是这样的(路由模块): 就是所有路由配置都放到一个index.js中,这多少还是让我有点惊呆的,显然,项目会越做越大,模块会越加越多,那这种不分模块的架构方式明 ...

加菲猫001 @ 2020/03/28

8
JavaScript 简史

gruguy @ 2020/03/28

9
ES6封装形变类,完成连续动画

按照国际惯例,先放效果图 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <style> .ball{ background:linear-gradient( ...

陈莺莺呀 @ 2020/03/28

10
Layui提交表单时验证必选的多选框是否有选中

问题 Layui在表单提交时,会有 是必选的,需要在提交的时候进行验证。 解决方法 1. 在 中添加表单相应内容 2. 在 中进行验证 说明 1. 的命名需要是 ,如上面例子中使用的是 。 2. 是用来获取数据中的键,返回值是一个数组,数组的值为 的键名。 3. 用来获取数组中符合要求的值,传入的是 ...

Blog_Lee @ 2020/03/28

11
ES6实现图片切换特效(图片墙效果)

按照国际惯例先放效果图 贴代码: index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <link rel="stylesheet" href="index.css ...

陈莺莺呀 @ 2020/03/28

12
记一次解析字符串:在目标字符串中找出指定的N个字符串所在的起始位置

我们的项目上有一个这样的场景:一个下拉选择框,同时要支持用户输入,将最终的结果显示在文本框中(就是普通的字符串,用户在下拉框中选择的放在【】中)……不知道能不能想象出来,写上一篇笔记的时候发现和咱们博客园选择“tag 标签”的功能有点接近啊,我们的ui还是跟她有些不同。 还是拿一个具体的例子说一下吧 ...

du-blog @ 2020/03/28

13
ES6 Promise --回调与Promise的对比、信任问题、错误处理、Promise的状态、以及Promise对象的常用方法

之前怎么用回调解决异步的问题: function f(callback){ setTimeout(function(){ callback && callback(); }); } f(function(){ console.log(1); f(function(){ console.log(2); ...

陈莺莺呀 @ 2020/03/27

14
ES6 class -- Class 的基本语法

类: 降低维护成本、使代码高度复用、扩充方便灵活 OOP 面向对象开发 核心:封装 类->工厂->对象 ES6中的类 //车类 class Car{ //构造函数 constructor(){ console.log("开始造车"); } } //实例化,类->对象 let c=new Car(); ...

陈莺莺呀 @ 2020/03/27

15
Ajax和Http的常用状态码

Ajax的状态:xhr.readyState ·UNSENT 0 :创建完XHR默认就是0 ·OPENED 1 :已经完成OPEN操作 ·HEADERS_RECEIVED 2 :服务器已经把响应头信息返回了 ·LOADING 3 :响应主体正在返回中 ·DONE 4 :响应主体已经返回 Http的状 ...

1800000000nm @ 2020/03/27

16
ES6 class -- Class 的方法

静态方法与静态属性 不会被类的实例所拥有,只有类自身拥有的属性和方法 只能通过类来调用、 static 关键字(静态方法) 类名.属性名=属性值(静态属性) //车类 class Car{ //构造函数 constructor(wheel,color,length,width){//接收参数 //给 ...

陈莺莺呀 @ 2020/03/27

17
ES6中class的继承

ES6中class的继承 父类(基类) 子类 extends 关键字 //父类 class Human{ //父类的构造函数 constructor(name,age,sex,hobby){ this.name=name this.age=age this.sex=sex this.hobby=ho ...

陈莺莺呀 @ 2020/03/27

18
babel环境安装与编译

babel是一个js编译器 能够把浏览器不支持的代码编译成浏览器的代码(把不支持的ES6特性编译为ES5) babel官网 https://www.babeljs.cn/ 演示1 演示2 要安装babel,首先需要安装node.js 我之前已经安装过了,cmd里输出node -v即可查看 安装nod ...

陈莺莺呀 @ 2020/03/27

19
node 版本管理工具--nvm

使用背景: 项目中使用了jquery-weui的左滑删除组件,但在苹果上使用会有左滑点击穿透的现象,只能改源码了。 在github上找,发现是gulp构建的,但版本很低,对于node版本大概要4.5.0才行,本机node版本过高用不了,所以把 node卸载了装nvm来管理。 使用步骤: 1. 卸载本 ...

qiuxd @ 2020/03/27

20
ES6 函数扩展

函数扩展之默认参数 { function add(a,b=99){ console.log(a,b); } add(1);//1 99 //参数b可以读取到之前的参数a function add2(a,b=99+a){ console.log(a,b); } add2(1);//1 100 //参数 ...

陈莺莺呀 @ 2020/03/27