![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
文章平均质量分 86
伤水者王
这个作者很懒,什么都没留下…
展开
-
再学git
前言3年前我就知道了有git这么个东西,当时也学了,后面也断断续续又学又用了,可是还是感觉自己一直停留在只会git clone,git pull,git push的时代,到了公司实习什么拉分支、合并分支、版本管理等还是一窍不通,因此暗下决心,在好好学一遍git.什么是git简单来说gti就是一个版本控制工具,可以帮助我们简单点记录自己对于代码等文件的更改记录,记录我们每一次对于代码的更改。当然,这是对于一个程序员最基本的git功能。在一个团队中,git还可以实现多人同时对一个项目的开发管理。举个例子,原创 2021-06-12 21:37:25 · 292 阅读 · 0 评论 -
前端工程师实习面试总结
2020.6-2020.7参加了半个月左右的字节前端训练营,此前也有过一些前端的自学经验。参加这个训练营又重新学了一遍前端的基础知识,并且利用现学的vue框架搭建了一个搜索系统,gitup链接如下:https://github.com/shuihu001/techtrainingcamp-b-fe-wangcong。参加玩这个训练营后,也就顺势参加了字节的一个实习招聘,并确定在8.7进行面试。对于第一次前端的面试,个人心里非常紧张,这段准备的时间也一直在饿补前端的知识,CSDN上看了很多面经,也给了我很大原创 2020-12-06 21:43:36 · 806 阅读 · 0 评论 -
关于vuex之史上让你懂让你能用又不难的vuex
什么是vuexvue状态管理工具,提供这样一个在多个组件间共享状态的插件。在Vue中,多组件的开发给我们带来了很多的方便,但同时当项目规模变大的时候,多个组件间的数据通信和状态管理就显得难以维护。而Vuex就此应运而生。将状态管理单独拎出来,应用统一的方式进行处理,在后期维护的过程中数据的修改和维护就变得简单而清晰了。Vuex采用和Redux类似的单向数据流的方式来管理数据。用户界面负责触发动作(Action)进而改变对应状态(State),从而反映到视图(View)上。比如用户的登录状态、用户名称原创 2020-10-29 22:25:15 · 142 阅读 · 0 评论 -
关于vue减少生命周期重复代码之混入
混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。例子:// 定义一个混入对象var myMixin = { created: function () { this.hello() }, methods: { hello: function () { console.log('hello from mixin!')原创 2020-10-27 17:22:02 · 435 阅读 · 0 评论 -
关于服务器返回时间的前端格式化
问题描述:服务器一般不会返回2020-9-9 11:11这种时间格式,一般都是返回Unix时间元年为起点的相应时间戳,一串数字1535694719,那么前端如何将时间戳转成时间格式字符串呢?1.将时间戳转成Date对象//时间戳是秒,Date要求是毫秒,所以*1000const date = new Date(1535694719*1000)2.将date进行格式化,转成对应字符串// 月从0开始date.getYear() + date.getMonth() + 1由于这种转换太常见,所原创 2020-10-27 16:35:53 · 546 阅读 · 1 评论 -
关于如何监听图片是否加载完成
原生JS监听:img.onload = function(){}vue中监听:@load='方法'原创 2020-10-23 16:41:23 · 1661 阅读 · 0 评论 -
关于Vue访问子组件相关操作
1.Vue里明确拿到某一子组件通过传统1.给子组件加上ref属性<childComponent id="home" ref = "home_ref">2.在方法中可以这么得到子组件,并调用子组件中的方法和属性backClick() { console.log(this.$home_ref.message) this.$home_ref.scroll.scrollTo(0, 0, 500);},2.Vue某个子组件发生点击需要在另一个子组件进行操作一个方法是组件二emit原创 2020-10-23 15:51:36 · 242 阅读 · 0 评论 -
关于前端滚动优化:Better Scroll
原生的滚动容易造成卡顿、不流畅,为了优化这个问题Better Scroll应运而生。它的核心是借鉴的 iscroll 的实现,它的 API 设计基本兼容 iscroll,在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。学前必看Better Scroll默认工作机制:外层有个wrapper框框,代表可见范围,滚动的内容放在wrapper内的content里。话不多说,直接上代码:<!DOCTYPE html><html lang="zh">原创 2020-10-23 12:44:42 · 582 阅读 · 0 评论 -
关于性能优化之节流和防抖
1.节流2.防抖原创 2020-10-06 21:48:45 · 99 阅读 · 0 评论 -
关于vue图片简单懒加载
vue-lazyload原创 2020-08-25 20:17:42 · 206 阅读 · 0 评论 -
关于vue解决移动端300ms延迟之fastclick
问题描述:移动端浏览器在派发点击事件的时候,通常会出现300ms左右的延迟。产生的原因移动端的双击会缩放导致click判断延迟,这是为了检查用户是否在做双击。解决方案1.禁用缩放<meta name = "viewport" content="user-scalable=no" > 缺点是网页无法缩放2.css新属性配置css属性touch-action: aotu缺点:可能存在浏览器兼容问题3.fastclick原理: 在检测到touchend事件的时候,会通过DOM原创 2020-08-25 20:08:05 · 253 阅读 · 0 评论 -
学习nodej的第一天
1.什么是nodejs来我没先来看看官网,官网上说Node.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine.换成人话就是,nodejs不是语言、不是库、不是框架,是一个js运行时环境.简单来说可以解析和执行js代码。在学习nodejs以前,只有浏览器可以解析执行js代码,有了nodejs以后现在的js可以完全脱离浏览器来运行。好了,暂时先介绍到这里,有个大致印象nodejs是啥就行,就一个js运行环境。2.为啥要学原创 2020-07-16 21:49:50 · 166 阅读 · 0 评论