20231106 前端开发日报

前端编程之道10-1:用策略模式消除分支判断;vue3打印解决方案:Vue-Plugin-HiPrint;SCSS 进阶之道:探索更多样式表达的可能性;Vue3源码解读之Vue3 渲染原理;干货总结:JavaScript数组的自带方法(进收藏夹吃灰版♥(ˆ◡ˆԅ));如何当好一面面试官?;Flutter笔记:发布一个模块 scale_design – (移动端)设计师尺寸适配工具;基于nodejs+vue畅听校园点歌系统的设计与实现

  1. 前端编程之道10-1:用策略模式消除分支判断

    策略模式(Strategy Pattern)允许在运行时根据不同的情况选择不同的算法或策略。该模式将算法或策略封装起来,使得它们可以相互替换,此模式可以让算法的变化隔离于使用算法之外

  2. vue3打印解决方案:Vue-Plugin-HiPrint

    Vue-Plugin-HiPrint 是一个Vue.js的插件,旨在提供一个简单而强大的打印解决方案。通过 Vue-Plugin-HiPrint,可以轻松地在Vue.js应用程序中实现高度定制的打印。

  3. SCSS 进阶之道:探索更多样式表达的可能性

    为大家深入探讨 SCSS 的进阶使用技巧,帮助开发者们更好地利用 SCSS 来优化他们的样式代码。我们将通过如何组织和管理大型项目的样式文件结构、使用继承来减少冗余代码、利用嵌套更方便地编写样式规则。

  4. Vue3源码解读之Vue3 渲染原理

    Vue3源码解读 – Vue3 渲染原理 1. Vue3 自定义渲染器 自定义渲染器的作用是把虚拟 DOM渲染为特定平台上的真实元素。在浏览器中,渲染器会把虚拟 DOM 渲染成真实 DOM 元素。 官

  5. 干货总结:JavaScript数组的自带方法(进收藏夹吃灰版♥(ˆ◡ˆԅ))

    前言 在我们平时刷力扣算法题时数组的使用往往是占大多数的。而我们更多得了解一些数组中实用的自带方法往往会给我们的做题带来很大的便利,以下是对数组中自带方法的一个总结. JavaScript中的数组自带

  6. 如何当好一面面试官?

    最近我的组员第一次当一面面试官,由于时间紧急,我也只能快速地把我对面试官的理解跟他分享一下,希望他可以获得一个更好的当面试官的体验。希望这个面试官的视角可以给大家带来一些启发吧。

  7. Flutter笔记:发布一个模块 scale_design – (移动端)设计师尺寸适配工具

    Flutter笔记 发布一个模块scale_design 设计师尺寸适配工具与常用组件库 作者:李俊才 (jcLee95):https://blog.csdn.net/qq_28550263 邮箱 :

  8. 基于nodejs+vue畅听校园点歌系统的设计与实现

    文章浏览阅读152次。系统设计的主要意义在于,一方面,系统上线后可以带来很大的便利性,畅听校园点歌属于非常细致的管理模式,要求数据量大,计算机管理可以提高精确性,更为便利的就是信息的查询,大大的提高了工作效率,改善了管理质量;另一方面,通过系统的设计,自己对软件设计有了更加深入的了解,并且产生了浓厚的学习兴趣,在对问题分析方面有了独特的方式,是进入社会之前一次很好的锻炼机会[1]。

  9. 项目实战之理解代码一(vue.config.js)

    文章浏览阅读84次。面经天天背,今天总算见到真的了。OK,接下来让我们走进前端优化性能方式之一:CDN。

  10. 『精』Vue 组件如何模块化抽离Props

    文章浏览阅读156次。假如有这么一个用于签名的组件,能够控制画笔的大小、颜色、画布背景颜色宽高、按钮的文案提示等,那么它的属性必定是有十几个选项,假设 800 行代码里可能就得花费 100 行去声明这些属性,这明显是不合适的。从优化的角度上看,Vue 的Props声明方式都是一样的,同样的代码写多次显得有些冗余,那不妨将这些 Props 声明再次优化一下,编写一个公共的 Props 辅助工具进行声明。其实 ElementUI 的源码也是这么去做的,以 el-empty 组件为例,源码中对于属性的分离是这么写的。

  11. 【星海出品】VUE(四)

    文章浏览阅读82次。事件内联JS语句(类似于onclick)方法事件处理器:一个指向组件上定义的方法的属性名或是路径。App.vue关闭掉了,所以就要重新运行一下。

  12. vue的rules验证失效,部分可以部分又失效的原因

    文章浏览阅读66次。很多百度都有,但是我这里遇到了一个特别的,那就是prop没有写全,导致验证某一个失效。

  13. React 学习系列: 类组件生命周期方法

    文章浏览阅读82次。在类组件挂载的时候调用,用于构建一个类组件实例。在构建类组件实例的时候, 会先执行基类构造函数( React.Component ) 使用父组件传入的 props 来初始化 props 属性, 然后执行自定义构造函数来初始化 state 和 事件绑定。 如果类组件不需要初始化 state 和 事件绑定,就不需要自定义构造函数。挂载阶段, 组件实例构建完成(props、state 属性初始化完成)以后,render 方法执行之前执行。如果类组件提供了 getDerivedStateFromProps 方法,

  14. 13、插件同时注入到Context、Vue实例

    文章浏览阅读89次。【代码】13、插件同时注入到Context、Vue实例。

  15. 在react中使用redux && react-redux的使用demo

    文章浏览阅读347次。redux是一种状态管理工具,可以存储和操作一些全局或者很多组件需要使用的公共数据。平心而论,redux的使用对于新上手来说不太友好,多个依赖包的,多种api的结合使用,相对来说比做同样一件事的vuex用起来比较麻烦.不过,熟能生巧,用多了也就习惯了,下面是个人的一个demo,是自己根据尚硅谷张天禹react教程学习的,然后写的demo.这个demo是一个实用版本的demo,而不是深入研究redux本身的各种api操作。

  16. React如何进行条件渲染

    文章浏览阅读165次。条件渲染是指根据某些条件来呈现不同内容的过程。在React中,我们可以使用条件渲染来根据不同的状态来呈现不同的内容。这使得我们能够根据用户的交互来动态地更新UI。在本文中,我们介绍了React中的条件渲染。我们学习了如何使用if语句和三元运算符来实现条件渲染,并提供了一些示例代码。希望这篇文章能够帮助你更好地理解React中的条件渲染。

  17. 02-React组件与模块

    文章浏览阅读74次。1.类中的构造器不是必须写的,只有要对实例做一些初始化的时候,比如添加指定属性时才写2.如果A类继承了B类,且A类写了构造器,那么A构造器中的super是必须调用的3.类中定义的方法都是放在了类的原型对象上的为了解决类中方法的this指向问题,而采用了赋值语句接收箭头函数,如果是箭头函数,那么里面的this就会自动向外寻找,寻找其再外面一层的this,所以函数的再外一层的指向就是类,随即解决this指向问题。test作为变量接收箭头函数的返回值这样就相当于把箭头函数,赋值给了对象的属性上,

  18. Vue2和Vue3的区别

    文章浏览阅读90次。引入了全局 API 的重命名,例如 Vue.component 改为 app.component,Vue.filter 改为 app.config.globalProperties.$filters 等。Vue 3 引入了 Teleport,这是一个新的组件,可以将子组件的内容渲染到 DOM 树中的任何位置,而不受父组件的限制。Vue 3 是对 Vue.js 框架的重大更新,与 Vue 2 相比,它引入了一些重要的改变和新特性。可以将组件的模板内容渲染到其他组件之外的 DOM 元素中,提供更大的灵活性。


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流