51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#前端工程化
关于setTimeout的妙用前端函数节流
最近在某团队忙于一个项目,有这么一个页面,采用传统模式开发(吐槽它为什么不用React),它的DOM操作比较多,然后性能是比较差的,尤其当你缩放窗口时,可怕的事情发生了,出现了卡顿,甚至浏览器瘫痪。为什么呢? 由于该页面的DOM操作非常多,故窗口缩放每一帧时都会...
代码星球
·
2020-04-08
关于
setTimeout
妙用
前端
函数
快速了解前端打包 webpack
webpack用于编译JavaScript模块,是 JavaScript 静态模块的打包工具。从webpackv4.0.0开始,可以不用引入一个配置文件。1.入口(entry):指定webpack打包编译从哪个文件开始下手入口起点(entrypoint)指示webpack使用哪个模块,作为构建其内部...
代码星球
·
2020-04-08
快速
了解
前端
打包
webpack
Vue工程化之引入element-ui框架后图标失效
场景: vue-cli搭建的工程化项目,引入element框架后发现图标无效,变为方块 解决方案: 在index.html引入样式文件CDN链接即可<!--引入样式--><linkrel="stylesheet"...
代码星球
·
2020-04-08
Vue
工程化
引入
element-ui
框架
工程化---cnpm不是内部命令的解决
(1)问题描述 安装完,执行cnpm-v发现报出不是内部命令。 安装成功如下图: (2)解决方案: 之前配置过默认安装都会在D:\nodejsode_global中,所有我们cd到这个路径下,执行cnpm-v...
代码星球
·
2020-04-08
工程化
---cnpm
不是
内部
命令
前端面试
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、然后在命令...
代码星球
·
2020-04-08
vue
工程化
项目
引入
jquery
vue工程化之公有CSS、JS文件
1.关于公共的css 在src下面新建public.css,然后在main.js中引入进来import'@/public.css',这样所有页面中都会使用这个样式了,如果只是部分页面需要,那还是不用用这种公共配置,在页面中引入就好了。 2.关于公共的JS 创建好vu...
代码星球
·
2020-04-08
vue
工程化
公有
CSS
JS
vue工程化:返回顶部和底部的动画效果
.<template><div><divclass="scroll":class="{show:isActive}"><divid="toTop"@click="toTop(step)"><</div&g...
代码星球
·
2020-04-08
vue
工程化
返回
顶部
底部
vue工程化引入组件模板
vue脚手架搭建好项目后,组件间的引用通过componentsimportbannerComponentfrom'./banner'exportdefault{data(){return{}},components:{bannerComponent}}使用时<bannerComponent></ban...
代码星球
·
2020-04-08
vue
工程化
引入
组件
模板
vue工程化之去除Eslint验证
有的时候用vue-cli创建好项目之后,写代码时会出现换行和空格报错,出现这么写错误是什么原因呢?相信第一次接触时有点摸不着头脑。其实是在你用vue-cli脚手架构建项目时用了ESLint代码检查工具,如下图解决方案很多种,最简单就是在创建项目初始化时,在这个选项选择N即可。 (1)ESLint介...
代码星球
·
2020-04-08
vue
工程化
去除
Eslint
验证
vue-router 基本使用(vue工程化)
(1)概念: 路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about按钮,页面中就要显示about的内容。Home按钮 =>home内容,about按钮=>about内容,也可以说是一种映射.所以在页面上有两个部分,...
代码星球
·
2020-04-08
vue-router
基本
使用
vue
工程化
vue工程化与路由router
一、介绍 vue.js是目前最火的前端框架,vue.js兼具angular.js和react.js的优点,并剔除它们的缺点。并且提供了很多的周边配套工具如vue-router、vue-resource、vuex等等 通过他们我们可以很轻松的构建一个大型单页应用。目前Vue版本...
代码星球
·
2020-04-08
vue
工程化
路由
router
vue工程化
很多人在玩完了官方文档的小例子之后,又不知道如何下手了。所以我这边帮大家把断层补上。大家首先要把vue的基本语法都熟悉了,然后再来这边学习。有了前面webpack的铺垫,我们直接从vue的工程化开始入手,这也是vue的真正玩法。(1)首先,我们将盘符切到d盘,打开命令行,输入:npminstallvue-cli-g这个...
代码星球
·
2020-04-08
vue
工程化
前端教学流程
第一阶段:HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效:常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出...
代码星球
·
2020-04-08
前端
教学
流程
前端实现图片懒加载(lazyload)的两种方式
懒加载注意:图片不能是透明图片,否则无法遮盖加载loading.gif在实际的项目开发中,我们通常会遇见这样的场景:一个页面有很多图片,而首屏出现的图片大概就一两张,那么我们还要一次性把所有图片都加载出来吗?显然这是愚蠢的,不仅影响页面渲染速度,还浪费带宽。这也就是们通常所说的首屏加载,技术上现实其中要用的技术就是图片...
代码星球
·
2020-04-08
前端
实现
图片
加载
lazyload
首页
上一页
...
59
60
61
62
63
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他