万能站工具的企业网站系统,爱看视频的网站,小黄豆crm,重庆荣昌网站建设价格目录 1.什么是sass产品
2.下面我想说说事件循环 3. cmd窗口的一些快捷键
4. 组件与插件的区别
5. vue项目嵌入app后调用app方法
6.点击编辑按钮直接回到顶部#xff0c;输入框光标闪动聚焦
7.短轮询与长轮询
短轮询
长轮询
8.前端moment库
9.移动端-触底刷新实现核心…目录 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,异步请求AjaxsetTimeOut,setInterval,dom事件其他宏任务
微任务 Promise(.then, .catch, .finally),process.nextTick,其他微任务、 3. cmd窗口的一些快捷键 快捷键 altf4关闭窗口 altshiftesc打开任务管理器 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-fieldrefinputv-modeltextrows2autosizetypetextareamaxlength800placeholder请输入内容show-word-limit/test(){window.scrollTo(0,0);this.$refs.input.focus();},
7.短轮询与长轮询
短轮询
短轮询很好理解指定的时间间隔由浏览器向服务器发出HTTP请求服务器实时返回未读消息数据给客户端浏览器再做渲染显示。
一个简单的JS定时器就可以搞定每秒钟请求一次未读消息数接口
由于推送数据并不会频繁变更无论后端此时是否有新的消息产生客户端都会进行请求势必会对服务端造成很大压力浪费带宽和服务器资源。 长轮询
常见的是使用 WebSockettcp一次握手后客户端与服务端建立持久性连接只要客户端不主动断开会一直通信只要有新消息客户端就会及时收到
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
