关键字:DOM
  • CSS 模块化管理
    昨天看了一道面试题,说如何管理 CSS 代码;它谈到了君子协定BEM 规范(然后楼主就说自己马上就拿到 offer 了?)。但是,BEM 规范说实在已经不够接地气了,现代 CSS 开发的基调是模块化。这期就借此谈谈在 vue 项目中管理 C ...
  • vue组件内部引入外部js文件
    之所以要做这个是因为,在一个组件内部需要引入一个js文件来定位。如果放在index.html,这样每个组件都会有这个js。所以需要在组件内单独引入。 第一种操作 Dom引入js: export default { mounted() { ...
  • 【前端进阶100天】Day02 CSS基础 CSS样式表 CSS选择符
    今日内容: 1、CSS简介 2、CSS语法 3、样式的创建(内部样式 外部样式 内联样式) 4、两种引入外部样式表的区别 5、样式表的优先级和作用域 6、CSS选择器 7、选择器的权重 8、HTML、CSS注释 一、CSS简介 CSS英文全 ...
  • 前端部署和提效:从静态到node再到负载均衡
    前言 相信很多前端同学对 vue 或 react 的开发很熟悉了,也知道如何去打包生成一个生产环境的包,但对于生产环境的部署可能有些同学了解比较少。小公司可能都是后端帮忙部署了,大公司会有专门的运维同学部署,对于生产环境的部署工作有些同学接 ...
  • 前端图片懒加载及节流
    懒加载(lazyload)也叫延迟加载, 惰性加载. 实质是当网页页面滚动到相应的地方,对应位置的内容才进行加载显示,这样能明显减少了服务器的压力和流量,也能够减小浏览器的负担,同时用户也能更快开始网站的访问 实现思路 image 代码实现 ...
  • 前端--typeScript初体现
    Ts之初体现 最近公司项目没有那么忙了,有看到微软出手的Ts这个语言大热,很受开发者的热爱,看来这家伙有过人之处,所以啊,就学习一下Ts在Vue里面的应用,未雨绸缪。作为it开发者,一定要保持不断学习的状态,不然很容易咔嚓的。这个行业有个好 ...
  • Js常用的算法教程 深度广度、冒泡选择、防抖节流等
    如果觉得还有点用,请您给我一个赞!您的赞是我坚持下去的动力! 深度遍历 拿DOM作为遍历对象,实现2种遍历方法案例 /** 原理:节点的子节点先遍历,再遍历同级节点 node:一个节点 fn:每个节点需要执行的操作 **/ async d ...
  • 为什么学习Web前端一定要掌握JavaScript?
    为什么学习Web前端一定要掌握JavaScript?在前端的世界里,没有什么是JavaScript实现不了的,关于JS有一句话:凡是可以用JavaScript来写的应用,最终都会用JavaScript,JavaScript可运行在所有主要平 ...
  • 使用React Hook实现Redux状态机
    Redux is a predictable state container for JavaScript apps. 本文的代码可以在CodeSandbox中查看。 Redux是React经常用到的一个数据状态管理器(状态机),它将应用 ...
  • HTML-JavaScript动态添加元素appendChild
    开始自学一下前端的基础知识,这里记录一下知识点,毕竟不熟,不记录很容易就忘记了。前端最佳的学习资料就是在MDN,没有之一。 今天的目标是下面的页面: 0208给自己一句鼓励的话.gif 这里我贴一下实现代码: ...

暂无数据