炫意html5
最早CSS3和HTML5移动技术网站之一

由向Request Headers添加信息想到CORS跨域资源共享

老王阅读(11)

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

vue中v-model等父子组件通信

丹青阅读(12)

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

浏览器对es modules 的一些解析

田田阅读(6)

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

谈谈css的加载及加载循序

bigao阅读(10)

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

svg滤镜介绍及制作黏合、水波等效果

田田阅读(13)

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

前端js书写封装维护常用方案

无卤阅读(9)

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

vue和react等项目中更简单的实现展开收起更多等效果

bigao阅读(12)

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

总结js常用的dom操作(js的dom操作API)

嘿哈阅读(11)

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

[js工具]js提取中文拼音首字母方法

yiyan阅读(9)

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

淘宝网性能优化之借鉴——webp及Bigpipe

丹青阅读(13)

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

es6中常用的字符串、数组、对象的扩展及应用

丹青阅读(8)

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

【译】vue技术分享-你可能不知道的7个秘密

中天阅读(12)

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

前端性能优化之缓存利用

老王阅读(16)

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

谈谈vue及webpack在项目中的一些优化

牛青阅读(14)

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

【系列一】ajax长轮询、轮询应用和介绍

老王阅读(13)

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

【系列三】h5的Notification 、web Push介绍

老王阅读(14)

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

localStorage和cookie的跨域解决方案

喔28阅读(13)

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

CentOS7搭建git 服务器

嘿哈阅读(15)

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

前端开发中js代码异常处理及监控

bigao阅读(16)

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

vscode保存代码,自动按照eslint规范格式化代码设置

啊Q阅读(13)

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

vscode中Tasks及Emmet的应用

老王阅读(13)

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

js数组并集,交集,差集的计算方式汇总

老王阅读(14)

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

单页应用/vue等页面未保存刷新关闭返回等确认提示

牛青阅读(11)

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

js对textarea换行符的处理方案

老王阅读(21)

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

Java基础教程Android基础教程