前端
文章平均质量分 54
学习/组件存储
幻の心
燕影过寒潭,窈窕杨柳慢摆风
菩提本无树
展开
-
JQuery获取对象方式
1、JQuery的核心的一些方法each(callback); --对象循环$("Element").length; --元素的个数,是个属性$("Element").size(); --也是元素的个数,不过带括号是个方法$("Element").get(); --某个元素在页面中的集合,以数组的形式存储$("Element").get(index); --功能和上面的相同,index表示第几个元素,数组的下标$("Element").get().reverse(); --把得到的原创 2021-08-21 11:09:46 · 767 阅读 · 0 评论 -
5.Webpack
一、什么是WebpackWebpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。从图中我们可以看出,Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求。二、Webpack安装1、全局安装npm install -g webpack webpack-cli2、安装后查看版本号npm init -y2、创建src文件夹...原创 2021-08-17 21:32:21 · 106 阅读 · 0 评论 -
4.模块化
一、模块化简介1、模块化产生的背景随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。但是,Javascript不是一种模块化编程语言,它不支持"类"(class),包(package)等概念,更遑论"模块"(module)了。2、什么是模块化开发传统非模块化...原创 2021-08-17 21:25:54 · 100 阅读 · 0 评论 -
3.Babel转码器的使用
一、简介Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行执行。这意味着,你可以现在就用 ES6 编写程序,而不用担心现有环境是否支持。二、安装安装命令行转码工具Babel提供babel-cli工具,用于命令行转码。它的安装命令如下:npm install --global babel-cli#查看是否安装成功babel --version三、Babel的使用1、初始化项目npm...原创 2021-08-17 21:18:24 · 231 阅读 · 0 评论 -
2.npm包管理器-管理项目
一、简介1、什么是NPMNPM全称Node Package Manager,是Node.js包管理工具,是全球最大的模块生态系统,里面所有的模块都是开源免费的;也是Node.js的包管理工具,相当于前端的Maven 。2、NPM工具的安装位置我们通过npm 可以很方便地下载js库,管理前端工程。Node.js默认安装的npm包和工具的位置:Node.js目录\node_modules在这个目录下你可以看见 npm目录,npm本身就是被NPM包管理器管理的一个工具,说明...原创 2021-08-17 21:09:58 · 375 阅读 · 0 评论 -
1.Node简介和简单使用
一、简介1、什么是Node.js简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。2、Node.js有什么用如果你是一个前端程序员,你不懂得像PHP、Python或Ruby等动态编程语言,然后你想创建自己的服务,那么Node.js是一个非常好的选择。Node.js 是运行在服务端的 JavaScript,如果你熟原创 2021-08-17 20:58:36 · 432 阅读 · 0 评论 -
导航栏-组件
一、js原生导航条动态增加删除切换1.增加删除导航添加实现: 使用js; 在菜单栏各菜单实现点击事件;在该事件中使用id获取导航条节点;获取到该节点后添加子节点实现动态添加子导航效果; js: function addbar(){var nav = document.getElementById("mynav");...原创 2021-08-16 23:06:12 · 320 阅读 · 0 评论