第一阶段，能快速上手一直认为学习以基础性js和html、css为主能够解决到很多问题，特别在对使用高级一点的技术 没成熟的条件下搭配自身的技术非常有好处。最近在学习做后台的时候，最终觉得这个方案不错，特别适合初期的半江湖出身的我，于是记录下来。jquery +vue+Bootstrap+nodejs的组合方式。从目前而言jq占据了js排行版使用第一位，使用该框架能够适合网站开发，后台更加适合。对操
转载
2024-05-22 20:57:26
4阅读
H5H5是包括HTML、CSS和JavaScript在内的一套技术组合，是HTML最新版本，
2014年10月由万维网联盟（W3C）完成标准制定。
目标是替换1999年所制定的HTML 4.01和XHTML 1.0标准，
以期能在互联网应用迅速发展的时候，使网络标准达到匹配当代的网络需求。
H5的8大特性：
语义化、离线&存储、设备访问、通信、多媒体、图形和特效、性能和集成、呈现（CSS3
转载
2024-04-21 18:49:40
81阅读
兼容问题 css的常见问题 1、IE6.7不兼容H5标签 eg：<header></header> <section></section>解决办法一：创建自定义元素，并把元素display设置为block<style>
header,section{display:block}
</style&
在浏览器里面如何使用？现在ES6的使用也是一个新趋势，下面就来讲解转码的常见方法当ES6不兼容时，需要用到转码工具1.Babel转码器: Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。 这意味着，你可以用ES6的方式编写程序，又不用担心现有环境是否支持。 // 转码前 input.map(item => item + 1)
转载
2024-07-11 14:53:07
30阅读
首先，我们要知道，为什么各浏览器会产生兼容性问题？ 产生这个问题的主要原因是市面上的浏览器的种类很多，但由于不同的浏览器的内核不一致，从而导致各个浏览器对网页的解析就产生了差异。 解决浏览
目录H5的新特性C3的新特性ES6新特性H5的新特性1.语义化标签有利于SEO，有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重。语义化的HTML在没有CSS的情况下也能呈现较好的内容结构与代码结构方便其他设备的解析便于团队开发和维护
1. 语义化标签header：定义文档的页眉 头部nav：定义导航链接的部分footer：定义文档或节的页脚 底部article：
转载
2024-04-11 22:55:49
80阅读
1、首先安装tsnpm install -g typescript然后我们就可以使用:tsc -v
//查看是否安装成功如果成功就可以打印出版本号 我的版本是4.5.5 然后我们创建个文件test.ts 然后我们在ts文件中写如下代码：var hello = (name) => {
return "hello" + name;
};
hello('axin')然后我们使用tsc
转载
2024-07-09 17:11:25
27阅读
H5的新特性 1.语义化标签 2.表单新特性 3.多媒体视频(video)和音频(audio) 4.web存储 C3的新特性 1.选择器：属性选择器E[attr]，伪类选择器E:nth-child(n)，空伪类E:empty ，排除伪类E:not(selector) 2.颜色：新增了RGBA、HSL
原创
2022-01-13 16:26:27
162阅读
前言前端时候忙完项目，有两个星期的调整优化时间，最近在整理公司的统一开发者平台的技术文档，因为项目中使用的React，所以笔者看了一下阮一峰的EcmaScript入门这本书,对Es6语法以及一些新特性进行了梳理。以下为项目中一些常见的用法，仅供参考。一、 let命令用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。(块级作用域)基础用法示例：{
let a =
转载
2024-04-19 11:18:42
181阅读
ES5中的面向对象相信大家都非常熟悉，包括一系列的配置参数，方法，自定义事件等，现在简单介绍一下es6面向对象的一些知识还有一个基于jquery的ES6面向对象选项卡的写法。ES6中提供了基于类class的面向对象语法。但class实际上是ES6提供的一颗语法糖，JavaScript是一门基于原型的面向对象语言。// 父类
class Test {
// 构造器
construct
转载
2023-07-20 21:43:56
88阅读
1.github地址：https://github.com/xutongbao/gulp-es6克隆下来后DOS环境跳转到gulp-es6文件夹，然后运行：npm install安装插件然后运行gulp，就可以将ES6代码转成ES52.3.index.html ...
原创
2021-07-27 21:18:22
757阅读
使用gulp ES6转ES5
原创
2022-07-01 07:04:40
298阅读
1、ES5中的继承模式我们先看ES5中的继承。既然要实现继承，首先我们得要有一个父类。Animal.prototype.eat = function(food) {
console.log(this.name + '正在吃' + food);
}
function Animal(name) {
this.color = ['green','red','blu
转载
2024-10-22 21:52:43
29阅读
ES6说明 ECMAScript6新的javascript标准变量的声明var
let
01let与var基本一致，用作变量声明
02let在一对括号{}中形成局部作用域
03let声明的变量不会变量提升
04let不能重复声明变量（同一作用域）
const
01与let一致（局部，不提升，不能重复声明）
02声明必须赋值
03赋值不能修改
转载
2024-08-05 22:26:34
75阅读
ES5中的indexOf在ES5中提供了indexOf用来查找某个元素的位置，如果存在即返回该元素的索引号，如果不存在即返回-1.***（但是其不能判断是否含有NaN的元素，indexOf内部使用严格相等运算符===进行判断，会导致对NaN的误判） 索引id为3数组实例的 includes()返回一个布尔值，表示某个数组是否包含给定的值。该方法的第二个参数表示搜
转载
2024-06-28 19:41:34
17阅读
上一篇我们学习了ES6语法的面向对象的基础，本篇我们来学习ES6面向对象的使用译 EC
原创
2023-03-18 10:35:53
153阅读
方法一: https://www.babeljs.cn/setup#installation 按照babel官方的配置配方法二: https://www.jianshu.com/p/ce28ceddda72上面是人家大神的地址, 写的明明白白:我觉得自己不会比他写的更详细了补充一点就是:一定要注意babal的版本不能超过8.0 否则会报错, 至于8.0以后
1.es6中的let和const的区别(1) let 在局部作用域有效 var a = [];
for (var i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 10
注释:
上面代码中，计数器i只在for循环体内有效，在循环体外引用就会报错。
下面的代码如果使
文章目录一、es61.1 前端概述 1.2 js es6 新特性 1.2.1 let和constant 1.2.2解构函数和结构化代码块 1.2.3函数相关  
转载
2024-04-07 14:00:58
130阅读
概述历史上，JavaScript 一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如 Ruby 的require、Python 的import，甚至就连 CSS 都有@import，但是 JavaScript 任何这方面的支持都没有，这对开发大型的、复杂的项目形成了巨大障碍。在 ES6 之前，社区制定了一些模块加载方案，最主
转载
2024-05-03 14:25:33
55阅读
