#前端工程化

关于setTimeout的妙用前端函数节流

  最近在某团队忙于一个项目,有这么一个页面,采用传统模式开发(吐槽它为什么不用React),它的DOM操作比较多,然后性能是比较差的,尤其当你缩放窗口时,可怕的事情发生了,出现了卡顿,甚至浏览器瘫痪。为什么呢?   由于该页面的DOM操作非常多,故窗口缩放每一帧时都会...

快速了解前端打包 webpack

webpack用于编译JavaScript模块,是 JavaScript 静态模块的打包工具。从webpackv4.0.0开始,可以不用引入一个配置文件。1.入口(entry):指定webpack打包编译从哪个文件开始下手入口起点(entrypoint)指示webpack使用哪个模块,作为构建其内部...

Vue工程化之引入element-ui框架后图标失效

场景:  vue-cli搭建的工程化项目,引入element框架后发现图标无效,变为方块    解决方案:  在index.html引入样式文件CDN链接即可<!--引入样式--><linkrel="stylesheet"...

工程化---cnpm不是内部命令的解决

(1)问题描述  安装完,执行cnpm-v发现报出不是内部命令。  安装成功如下图:    (2)解决方案:  之前配置过默认安装都会在D:\nodejsode_global中,所有我们cd到这个路径下,执行cnpm-v...

前端面试

  1、什么是盒子模型?在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分。这四个部分占有的空间中,有的部分可以显示相应的内容,而有的部分只用来分隔相邻的区域或区域。4...
代码星球 ·2020-04-08

vue工程化之项目引入jquery

既然写项目,那么少不了用jq,那我们就引入进来吧1、因为已经安装了vue脚手架,所以需要在webpack中全局引入jquery打开package.json文件,在里面加入这行代码,jquery后面的是版本,根据你自己需求更改。 dependencies:{  "jquery":"^2.2.1"}2、然后在命令...

vue工程化之公有CSS、JS文件

1.关于公共的css  在src下面新建public.css,然后在main.js中引入进来import'@/public.css',这样所有页面中都会使用这个样式了,如果只是部分页面需要,那还是不用用这种公共配置,在页面中引入就好了。 2.关于公共的JS  创建好vu...
代码星球 ·2020-04-08

vue工程化:返回顶部和底部的动画效果

    .<template><div><divclass="scroll":class="{show:isActive}"><divid="toTop"@click="toTop(step)">&lt;</div&g...

vue工程化引入组件模板

vue脚手架搭建好项目后,组件间的引用通过componentsimportbannerComponentfrom'./banner'exportdefault{data(){return{}},components:{bannerComponent}}使用时<bannerComponent></ban...

vue工程化之去除Eslint验证

有的时候用vue-cli创建好项目之后,写代码时会出现换行和空格报错,出现这么写错误是什么原因呢?相信第一次接触时有点摸不着头脑。其实是在你用vue-cli脚手架构建项目时用了ESLint代码检查工具,如下图解决方案很多种,最简单就是在创建项目初始化时,在这个选项选择N即可。  (1)ESLint介...

vue-router 基本使用(vue工程化)

(1)概念:  路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about按钮,页面中就要显示about的内容。Home按钮 =>home内容,about按钮=>about内容,也可以说是一种映射.所以在页面上有两个部分,...

vue工程化与路由router

一、介绍  vue.js是目前最火的前端框架,vue.js兼具angular.js和react.js的优点,并剔除它们的缺点。并且提供了很多的周边配套工具如vue-router、vue-resource、vuex等等  通过他们我们可以很轻松的构建一个大型单页应用。目前Vue版本...
代码星球 ·2020-04-08

vue工程化

很多人在玩完了官方文档的小例子之后,又不知道如何下手了。所以我这边帮大家把断层补上。大家首先要把vue的基本语法都熟悉了,然后再来这边学习。有了前面webpack的铺垫,我们直接从vue的工程化开始入手,这也是vue的真正玩法。(1)首先,我们将盘符切到d盘,打开命令行,输入:npminstallvue-cli-g这个...
代码星球 ·2020-04-08

前端教学流程

第一阶段:HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效:常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出...
代码星球 ·2020-04-08

前端实现图片懒加载(lazyload)的两种方式

懒加载注意:图片不能是透明图片,否则无法遮盖加载loading.gif在实际的项目开发中,我们通常会遇见这样的场景:一个页面有很多图片,而首屏出现的图片大概就一两张,那么我们还要一次性把所有图片都加载出来吗?显然这是愚蠢的,不仅影响页面渲染速度,还浪费带宽。这也就是们通常所说的首屏加载,技术上现实其中要用的技术就是图片...
首页上一页...5960616263...下一页尾页