自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

一个在离前端越来越远的前端人员

记录如何走远的过程

  • 博客(12)
  • 资源 (2)
  • 收藏
  • 关注

原创 JS中的异步

1.JS为何有异步JavaScript是单线程语言。所谓的单线程就是程序在执行时,是有顺序的,前面的必须处理好,后面的才会执行。 var i, t = Date.now() for (i = 0; i < 100000000; i++) { } console.log(Date.now() - t) // 240运行上面代码发现时间,这段程序话费了240ms时间来运行。执行过...

2019-01-04 19:05:41 291

原创 如何防抖动

在开发中我们会接触到很多事件,有些事件会频繁的触发。如下:window 的 resize、scrollmousedown、mousemovekeyup、keydown……以Vue为例,了解事件如何频繁的触发:<template> <div ref="container&am

2018-12-29 18:07:47 4434

原创 JS控制超出部分省略

在移动端css控制超出部分省略,由于设置了宽度,中文和英文的字符宽度不一样,省略号会出现被吃掉一个或半个掉情况。至于CSS控制超出部分省略,出门百度有很多方法。这里总结下js控制超出部分省略的方法。具体的思路就是要截取文字的内容,然后使用substring截取一定的字数然后加上...,尽量放宽截取的字数,保证所有的都字符都能兼容。然后使用innerText重新赋值给这个文字内容。 /...

2018-12-21 15:08:09 1224

原创 JavaScript性能优化的小知识

避免全局查找在一个函数中会用到全局对象存储为局部变量来减少全局查找,因为访问局部变量的速度要比访问全局变量的速度更快些。function search() { //如果使用当前页面地址和主机域名 console(window.location.href + window.location.host) } //最好的方式是如下这样 先用一个简单变量...

2018-12-16 20:54:46 195

原创 Weex初体验

1.什么是WeexWeex官网的解释是:Weex 是一个动态化的高扩展跨平台解决方案。简单的说就是用一套代码可以用在ios、Android和web应用上。2.快速创建一个weex项目目前Weex 提供了一个命令行工具weex-toolkit 来帮助开发者使用 Weex。它可以用来快速创建一个空项目、初始化 iOS 和 Android 开发环境、调试、安装插件等操作。$ npm instal...

2018-12-08 20:44:59 356

原创 对页面某个节点的拖曳(原生js和vue项目)

HTML5中的draggabledraggable 属性规定元素是否可拖动(链接和图像默认是可拖动的。)/// true:规定元素是可拖动的,false:规定元素是不可拖动的,auto:使用浏览器的默认特性。<element draggable="true|false|auto">在拖放的过程中会触发以下事件:在拖动目标上触发事件 (源元素):ondragstart -...

2018-12-03 10:40:02 934

原创 关于http协议的一些学习笔记

1.http请求头部信息Accept ----浏览器能处理的内容类型 。MIME 类型(text/html、image/png、application/json等),/ 指任意类型Accept-Charset:浏览器能够显示的字符集。connection:浏览器与服务器之间连接的类型。 keep-alive网络连接就是持久的,不会关闭,使得对同一个服务器的请求可以继续在该连接上完成;也就是...

2018-11-25 22:28:10 191

原创 职业规划

前言来到新的公司已经将近一个月了。在这一个月中也学到了很多东西,接触到了跟上一家公司不一样到地方。在这一个月中,我接触到了线上到项目,了解了一个企业级项目到开发流程。从开发、测试到上线。也明白了团队之间如何运作的模式。在这想写出自己的目前一些不足的地方,以及以后想要达到的目标,给自己一个职业规划。不足之处在来公司之前没有接触过正规的开发流程,也没有接触过真正企业项目的代码。所以刚开始可能比较...

2018-11-23 18:06:38 278

原创 如何在vue中使用触摸事件

为何用到了touch事件在项目中,用mint-ui做了一个下拉刷新的功能。在其他手机都可以,但是在iphonex上当下拉到虚拟键位置,下拉框就会卡住,不会回弹。所以为了不让用户下拉到虚拟键设置了下拉高度和回弹的最大距离,用到了touch事件。touch事件最基本的touch事件有四个:touchstart当在屏幕上按下手指时触发touchmove当在屏幕上移动手指时触发t...

2018-11-19 09:36:22 14334

原创 http请求、数组、对象

http请求get:查询字符串(名称/值对)是在 GET 请求的 URL 中发送的。?name1=value1&name2=value2post:查询字符串(名称/值对)是在 POST 请求的 HTTP 消息主体中发送的。body:{ "schedule_id": 1, //在随机配置试卷时(接口为beginExam),返回的schedule下的id //...

2018-11-11 11:37:05 1497

原创 Vuex的辅助函数

1.Vue的辅助函数mapState、mapGetters、mapActions、mapMutations2.mapState 辅助函数mapState是什么?官方的解释是:当一个组件需要获取多个状态时候,将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题,我们可以使用 mapState 辅助函数帮助我们生成计算属性,让你少按几次键当初在看到这个解释的时候可能觉得非常空...

2018-11-04 22:08:17 5262

翻译 Virtual DOM

最近接触到了Vue,跟接触过到React一样。Vue同样也有Virtual DOM这一概念。

2018-10-28 18:40:06 199

开课吧第八期全栈架构师.txt

开课吧第八期-全栈视频开课吧第八期-全栈视频开课吧第八期-全栈视频开课吧第八期-全栈视频

2019-07-07

HTTP协议原理+实践 Web开发工程师必学

HTTP协议原理

2019-01-05

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除