前端教程

2021-07-29老王阅读(11)

前言 如何向Request Headers添加信息？添加信息的方法是比较简单的。我们可以用普通的ajax来添加。但是为什么要添加信息？添加信息的作用是什么？CORS跨域资源共享，我之前文章也介绍过，但是跨域资源共享的具体流程和请求方式有哪些...

2021-07-29丹青阅读(12)

前言 我们在vue项目中，经常有这样的需求，父组件绑定v-model，子组件输入更改父组件v-model绑定的数值。很多朋友对这种操作不是很清楚，这需要对v-model有比较深入的了解，今天谈谈v-model。 vue的双向数据绑定 这个问...

2021-07-29田田阅读(6)

前言 我们在用框架开发时，运用es modules对资源加载，已经再平常不过了。但是现在。浏览器端也已经慢慢开始支持es modules,支持的浏览器如下： Safari 10.1. Chrome 61. Firefox 54 – 需要在a...

2021-07-29bigao阅读(10)

前言 关于前端css性能优化，网上很多类似文章，我之前也写过，《网站前端性能优化之javascript和css》，感兴趣的可以去看下。今天我们旧事重提，再来谈谈css的加载，及加载循序。 通常的css加载循序 一般情况下，我们css样式表是...

2021-07-29田田阅读(13)

前言 张鑫旭，旭哥最近出了一本《css世界》的书，很佩服旭哥的认真钻研能力，css研究的很透彻，融入了很多自己观点和css是世界观。本文svg滤镜，主要开始于旭哥新书网站cssworld.cn ,网站购买按钮黏合效果很是吸引我。研究了一下，...

2021-07-29无卤阅读(9)

前言 本文分享一个常用的js封装吧，平时书写非单页应用的时候，可能会用到，可以把经常用到的封装在一个自调用函数当中，既能避免全局变量污染，又易于维护，下面分享一下！ 代码 var 炫H5 = (function(){ //创建一个独立的对象...

2021-07-28bigao阅读(12)

前言 本文题目中虽然写有vue和react,但是并非vue和react相关知识，而是最基本的html5和css3的一些知识，之所以写vue，是因为我最近项目中用到了类似效果，我用vue相关知识实现并不雅观，用html5和css3实现，则更加...

2021-07-28嘿哈阅读(11)

前言 很多同学用惯了jquery操作dom，让他们用js操作的时候，常常力不从心，本文总结了常用的js的dom操作方法，供大家翻阅！其实说起js操作dom，我很久很久之前有篇文章，jquery属性的相关js实现方法,里面囊括了很大一部分js...

2021-07-28yiyan阅读(9)

前言 本文主要记录如何用js提前中文拼音首字母的方法。封装一个函数，假如有需要的，可以直接拿去用。 原理 主要是根据中文的unicode码来进行的。主要是在收集的中文范围内查找，大家可以多收集一些。假如中文是多音字，那可能有点坑了！ var...

2021-07-28丹青阅读(13)

前言 说到性能优化，我博客前面文章讲了不少，其实性能优化做的好坏，直接体现前端开发人员的水平。因此，很多面试中基本上都会提及这一点。今天主要借鉴淘宝网性能优化方式之一webp及Bigpipe 进行简单的讲解。 webp 打开淘宝网，假如你是...

2021-07-28丹青阅读(8)

前言 目前前端开发流行框架，react,vue,angular以及微信小程序等等，都是对数据的操作，其实es6中对字符串、数组、对象的扩展，对于我们更简单的操作数据提供了方便。今天主要总结一下我项目中主要用到的es6对这些扩展的应用。当然，...

2021-07-28中天阅读(12)

前言 本文是vue源码贡献值Chris Fritz在公共场合的一场分享，觉得分享里面有不少东西值得借鉴，虽然有些内容我在工作中也是这么做的，还是把大神的ppt在这里翻译一下，希望给朋友带来一些帮助。 一、善用watch的immediate属...

2021-07-27老王阅读(16)

前言 越来越多的公司开始做PWA，渐进式web应用了。我的博客源码是2014年年初写的，近期有时间正准备优化一下，也改成PWA的web应用。关于PWA渐进式web应用，我在博客改版之后再来详细介绍！今天主要详细介绍一下性能优化之缓存利用，本...

2021-07-27牛青阅读(14)

前言 我觉得前端性能优化是前端工程化的一部分，做前端性能优化有很多可以做的地方，我在很久之前写过一些文章，可以在博客搜索优化，查看相关文章。其实很多性能优化的地方都要把我一个最佳的度。今天主要写一下vue及webpack在项目中的一些优化。...

2021-07-27老王阅读(13)

前言 本文是系列文章，主要介绍客户端浏览器和服务器端的通信，当然，客户端和服务器端通信有很多方式。本系列文章主要是讲不间断通信方式！不间断通信就是通信没有停止，一直进行。系列一文章主要是讲轮询和长轮询。 什么是轮询 轮询是指客户端定时向服务...

2021-07-27啊Q阅读(12)

前言 上一节讲了长轮询和轮询及其实现，这节讲一讲长连接、短连接及webSocket，在讲这些之前，我们先来普及一下http相关的一些基础知识。 http1.0和http1.1及http2.0区别 先说说http1.0 http1.0 HTT...

2021-07-27老王阅读(14)

前言 本文是客户端和服务器端通信最后一个系列，主要介绍h5的桌面通知和web push，h5的Notification主要用于向用户展示通知，而web push 主要用于订阅推送消息。 h5的Notification 关于h5的Notifi...

2021-07-27喔28阅读(13)

前言 localStorage和cookie大家都用过，我前面也有文章介绍过，跨域大家也都了解，我前面也有文章详细描述过。但是localStorage和cookie的跨域问题，好多小伙伴没有遇到或者不是很清楚，下面这篇文章，我来简单的聊聊！...

2021-07-26嘿哈阅读(15)

前言 用git搭建git服务器是一个很老的话题，我之前用gitlab搭建过，用git原生的方式搭建过，但是对我个人而言，gitlab有点浪费资源，占内存太大，自己本来就是一个博客服务器，配置比较低，而且git用的人不多，用gitlab太浪费...

2021-07-26bigao阅读(16)

前言 其实，我在前端工作中，对错误异常处理做的比较少，因为我们知道，JavaScript 有基本的异常处理能力，前端开发过程中，很多错误js会直接抛出，但是这仅仅是表象的，有时候会因为环境不同，例如线下是好的，线上有问题，或者API等原因，...

2021-07-26啊Q阅读(13)

前言 编辑器代码风格一致，是前端代码规范的一部分。同一个项目，或者同一个小组，保持代码风格一致很必要。就拿vue项目来说，之前做的几个项目，很多小伙伴代码格式化用的是vue-beautify ,这个格式化工具有个明显的缺点，就是三元不等式明...

2021-07-26老王阅读(13)

前言 接上一篇，今天再来介绍2个vscode的使用技巧，一个是tasks，相当于脚本命令，一个是Emmet，emmet其实前面在我介绍sublime的时候写过。这篇文章是基于vscode，写下如何配置自定义代码片段。 vscode的Task...

2021-07-26老王阅读(14)

前言 今天主要总结一些js数组操作并集，交集，差集的一些方式。发现这些方式在工作用经常遇到，方法有很多种。今天主要总结一下我在工作用通常使用的方式，及一些简单的实现。其实我前面很多文章中都提及了我在工作中用的一些方式。例如：我前面文章讲in...

2021-07-26牛青阅读(11)

前言 单页应用，例如vue,react，项目中有些编辑页面不是时时保存的。用户做了半天，刷新了页面，或者关闭了页面，就需要重新制作。因此，刷新，返回，关闭页面的时候进行用户提示，显得很重要。但是这个单页应用，用户在刷新、关闭、历史返回中如何...

2021-07-25老王阅读(21)

前言 本文很简单，就是记录一下js对textarea换行符的处理。 调试 随便写一个textarea <textarea name="" cols="30" rows="10"></textarea> 整个调试如下图...