名词解析与经验分享(前端)

这篇具有很好参考价值的文章主要介绍了名词解析与经验分享(前端)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

 文章来源地址https://www.toymoban.com/news/detail-729071.html

1.什么是sass产品

2.下面我想说说事件循环

 

3. cmd窗口的一些快捷键

4. 组件与插件的区别

5. vue项目嵌入app后调用app方法

6.点击编辑按钮直接回到顶部,输入框光标闪动聚焦

7.短轮询与长轮询

短轮询

长轮询

8.前端moment库

9.移动端-触底刷新实现核心思想

10.jsx语法

11.子组件监听父组件的值实时更新值

12.git常用操作指令


 

1.什么是sass产品


像有道云笔记飞书等面向企业的,这些项目都是saas产品。软件及服务亦为负责售后负责产品升级,附带安装之类的服务器部署。一条龙服务。

创作助手说:

Sass产品指的是基于云端技术的软件即服务模式的产品。它们通常可以通过网络进行访问和使用,无需用户进行安装或拥有复杂的IT基础设施。此类产品通常由提供商负责管理和维护,以确保数据的安全性和可用性。用户只需要按照需要订阅相应的服务,然后可以使用相关的功能和工具来满足其业务需求。例如,有道云笔记、钉钉、腾讯会议等都是Sass产品。

2.下面我想说说事件循环

我们都知道js是一个单线程语言,当我们执行任务时会把他们从上到下放到任务队列,任务又分为同步任务和异步任务,执行过程中会优先执行同步任务,异步任务又分为宏任务和微任务,宏任务就是定时器、计时器这种,微任务就是promise,在执行异步任务时会按从上到下的顺序优先执行队列里的微任务,然后执行宏任务,优先宏任务里的同步任务,然后执行宏任务里的微任务,执行完毕再执行下一个宏任务

宏任务:script,异步请求Ajax,setTimeOut,setInterval,dom事件,其他宏任务

微任务 Promise(.then, .catch, .finally),process.nextTick,其他微任务、

 

3. cmd窗口的一些快捷键

快捷键

alt+f4关闭窗口

alt+shift+esc打开任务管理器

alt+空格唤起菜单

命令行输入exit退出

4. 组件与插件的区别

组件 (Component) 是用来构成你的 App 的业务模块,它的目标是 App.vue。 插件 (Plugin) 是用来增强你的技术栈的功能模块,它的目标是 Vue 本身。

插件直接提供服务,插件不需要开发,可以直接引入使用,组件只是个构成功能的轮子

组件可大可小,整个vue项目就是由一个个.vue组件组成的,每个组件都可以独立运行

 

5. vue项目嵌入app后调用app方法

首先判断环境,然后调用相应端提供的方法

 if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {

                        window.webkit.messageHandlers.js_month_report_change_id.postMessage(id)

                    } else if (navigator.userAgent.match(/(android|Android);?/i)) {

                        window.Android.monthChange(id);

                    }

6.点击编辑按钮直接回到顶部,输入框光标闪动聚焦

 <van-field

          ref="input"

            v-model="text"

            rows="2"

            autosize

            type="textarea"

            maxlength="800"

            placeholder="请输入内容"

            show-word-limit

          />

  test(){

            window.scrollTo(0,0);

            this.$refs.input.focus();



    },

7.短轮询与长轮询

短轮询

短轮询很好理解,指定的时间间隔,由浏览器向服务器发出HTTP请求,服务器实时返回未读消息数据给客户端,浏览器再做渲染显示。

一个简单的JS定时器就可以搞定,每秒钟请求一次未读消息数接口

由于推送数据并不会频繁变更,无论后端此时是否有新的消息产生,客户端都会进行请求,势必会对服务端造成很大压力,浪费带宽和服务器资源。

 

长轮询

常见的是使用 WebSocket,tcp一次握手后客户端与服务端建立持久性连接,只要客户端不主动断开会一直通信,只要有新消息,客户端就会及时收到

8.前端moment库

很多人问moment库为什么之前那么多人用

如果只需要转换时间格式,确实可以去网上找个方法封装成公共方法就行了

原因是moment库不只是可以来回转换时间格式,还能对比当前时间与指定时间相隔几天,有相应的方法,所以在很多项目里都很实用。

  var at = this.$moment(time).format('YYYY-MM-DD')
                            var to = this.$moment(new Date()).format('YYYY-MM-DD')
                            if(this.$moment(to).diff(at, 'day')<7){
  //
  }

9.移动端-触底刷新实现核心思想


获取滚动条高度,页面可视区域高度,页面滚动高度
如果页面可视区域高度加页面滚动高度大于等于滚动条高度,执行刷新
如果页面可视区域只有一屏或小于一屏,获取手势滑动事件,上滑即刷新

10.jsx语法

结合了js的灵活性和xml的语义化等特点,通过vue实例的render方法进行渲染,跟template模版语法写法类似,但有些写法不太一样,比如{{}}变成了{},jsx语法内是可以直接使用es6循环语法,vue一般只有在封装公共组件才会使用,如页面右下角实时的消息弹窗,而react基本上都是用的jsx语法写的页面

11.子组件监听父组件的值实时更新值

  watch: {

    "$parent.childCompanyName": function () {

      console.log('1 :>> ', this.$parent.childCompanyName);

       this.$set(this.valueObj,"companyName", this.$parent.childCompanyName);

    },

  },

12.git常用操作指令

当我们使用git add .不小心添加了不想提交的文件或想更新后再一起提交,这时候就需要撤销

git reset HEAD

整体回到上次一次操作

 

git reset HEAD 文件名

某个文件回滚到上一次操作

 

1.未使用git add 缓存代码

  1) 放弃某一个本地文件命令: git checkout -- filename

  2) 放弃所有文件修改命令:  git checkout .

2. 已使用git add 缓存代码,未使用git commit

   1)放弃某一个本地文件命令回到git add .之前 :  git reset HEAD filename

   2)放弃所有文件修改命令回到git add .之前:    git reset HEAD

3. 已经用 git commit 提交了代码,注意此时使用回退不会保留我们的代码修改

    1)回退到上一次commit的状态: git reset --hard HEAD^

    2)或者回退到任意版本git reset --hard commit id ,使用git log命令查看git提交历史和commit id  :  git reset --hard commit id

 

 

到了这里,关于名词解析与经验分享(前端)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 图书管理系统:从数据库设计到前端展示的实战经验分享

    ✍✍计算机编程指导师 ⭐⭐个人介绍:自己非常喜欢研究技术问题!专业做Java、Python、微信小程序、安卓、大数据、爬虫、Golang、大屏等实战项目。 ⛽⛽实战项目:有源码或者技术上的问题欢迎在评论区一起讨论交流! ⚡⚡ Java实战 | SpringBoot/SSM Python实战项目 | Django 微信小

    2024年01月16日
    浏览(41)
  • 实战经验分享:开发同城外卖跑腿小程序

    下文,小编将与大家一同探究同城外卖跑腿小程序的开发实战,包括但不限于技术选型、开发流程、用户体验等多个方面。 1.技术选型 在同城外卖跑腿小程序的开发中,技术选型是至关重要的一环。对于前端,选择了使用Vue.js框架,其灵活性和生态系统的支持使得开发过程更

    2024年02月03日
    浏览(47)
  • 【经验分享】自然语言处理技术有哪些局限性和挑战?

    个人认为,主要是两个难点: 1.语料,通常的语料很好解决,用爬虫从互联网上就可以采集和标注训练。但是我们接触很多项目和客户需求都是专业性很强的,例如:航天材料、电气设备、地理信息、化学试剂 等等。往往很多素材和语料都是很宝贵的,而且都是这些企业的内

    2024年02月21日
    浏览(44)
  • 使用Unity开发手机AR项目经验分享

           AR技术发展到现在也不新鲜了,开发AR的SDK也是五花八门,怎么选择是个问题。这篇文章提供了一套整体开发AR思路,还有后续兼容性问题的解决思路。         Unity开发手机AR项目主要是集成的ARCore和ARKit,ARCore面向Android手机而ARKit面向IOS,从Unity2019后Unity官方使用

    2024年02月11日
    浏览(50)
  • 面试经验分享 | 某康安全开发工程师

    DOM型xss和别的xss最大的区别就是它不经过服务器,仅仅是通过网页本身的JavaScript进行渲染触发的。 平常用的多的是MySQL数据库,像Oracle数据库也有了解,但是用的不多。 我的研究方向是自然语言处理,具体的领域是虚假信息检测。我的小论文中采用的数据集是twitter15和twit

    2024年04月15日
    浏览(56)
  • 我的ESP-01S开发历程与经验分享

    一、总体说明 本人是个外行,没事搞一下单片机纯属业余爱好而已。学习历程为51——Arduino——NodeMcu_ESP-8266——STM32。做过几样东西,倒是觉得很有趣,也便有了继续学习下去的动力。ESP系列是入门级和业余爱好者开发物联网的不二之选。ESP-01S小开发板对于做简单的物联网

    2023年04月27日
    浏览(41)
  • 数据可视化大屏——基于echarts的开发经验分享

    各位同事大家好!下面是我使用echarts中总结的一些个人经验,仅供参考。 echarts的能力、优劣等特点大家应该在技术选型阶段已经有所了解,这里主要分享使用、设计等经验。 echarts由无到有一共只需要四步: 引入echarts资源 :支持模块化项目使用npm下载引入,老项目使用s

    2024年02月01日
    浏览(59)
  • 【STM32】-串口开发经验分享-基于RTOS+空闲中断

    目录 1. 概述     2.串口介绍 2.1 原理框图 2.2 RS-232C 2.3 RS-422 2.4 RS-485 2.5 UART 3. STM32 USART介绍 4. CubeMx生成Uart初始化代码 4.1 NewProject选择单片机型号 4.2 设置rcc时钟  4.3 设置Usart 4.4 初始化代码 4.5 注意 5 工程源码解析 5.1 程序架构 5.2 源码 fml_ring_buffer.c fml_usart.c app_usart_task.c stm3

    2023年04月16日
    浏览(47)
  • vue 前端页面开发经验记录

    本博文记录了在vue项目开发中的一些经验,具体包含:class动态绑定、子页面刷新、注入函数到子页面、数据加载效果、单击后编辑、文件上传、数据分页、表单提交等的使用记录。 1、class动态绑定 根据变量的值绑定不同的class样式,这里ftype的值可为full_label、zero_label、ha

    2024年02月14日
    浏览(41)
  • 蓝桥杯-单片机设计与开发组-(1)经验分享

            首先,我先自我介绍一下,本人是一名大二小菜。在2023年十四届蓝桥杯中获得了省级二等奖,虽然谈不上优秀,不过在备赛过程中也有了自已的一套心得与看法,在两个月备赛过程中,我已经把16年到22真题全部独立完成了。因此,有了一个想法想要在CSDN分享一下

    2024年02月05日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包