web前端--10个妨碍进步的学习方式

1.前言 从事web前端的人很多,每个人的学习方式,学习习惯基本不会一模一样!关于web前端(或者直接互联网),大家都知道,是做到老,学到老的一个行业。之前写文章的时候,我说过很多学习的方式和建议。今天换一下,说一下我个人不建议的学习方式,或者我个人觉得是妨碍进步的学习方式,希望大家引以为鉴!如...

2017-09-18 15:42:13

阅读数 512

评论数 0

HTML5点播m3u8(hls)格式视频

这两年来我们发现越来越多的视频应用使用了m3u8格式的视频,因为可以兼容PC、移动端。相比mp4等视频源,m3u8可以减轻服务器压力(按需加载)。HLS是由苹果公司率先提出的一种协议标准,可用于直播。 m3u8是一种基于HLS(HTTP Live Streaming) 文件视频格式,它主要是存放...

2019-05-23 10:18:04

阅读数 15

评论数 0

节流和防抖

防抖 你是否在日常开发中遇到一个问题,在滚动事件中需要做个复杂计算或者实现一个按钮的防二次点击操作。 这些需求都可以通过函数防抖动来实现。尤其是第一个需求,如果在频繁的事件回调中做复杂计算,很有可能导致页面卡顿,不如将多次计算合并为一次计算,只在一个精确点做操作。 PS:防抖和节流的作用都是...

2019-02-20 15:28:54

阅读数 31

评论数 0

5个技巧让你更好的编写 JavaScript(ES6) 中条件语句

使用 JavaScript 时,我们经常需要处理很多条件语句,这里分享5个小技巧,可以让你编写更好/更清晰的条件语句。 1.使用 Array.includes 来处理多个条件 我们来看看下面的例子: JavaScript 代码: // condition function test(fru...

2018-11-22 15:51:47

阅读数 65

评论数 0

vue-router 在微信浏览器中操作history URl未改变的解决方案

问题描述: 在PC端和手机浏览器中router.replace() or router.push()能够正常使用,页面的地址和页面都正常显示;但是在微信中,从/a页面通过router.push('/b')跳转到/b页面后,页面正常,但是复制浏览器的地址会发现其地址仍为/a;选择在浏览器打开发现也...

2018-10-15 15:22:39

阅读数 930

评论数 0

Web 前端如何播放 HLS(.m3u8) 视频

WEB 上主流的视频直播方案有 HLS 和 RTMP,移动 WEB 端目前以 HLS 为主(HLS存在延迟性问题,也可以借助 video.js 采用RTMP),PC端则以 RTMP 为主实时性较好 移动端 iOS 和 Android 都天然支持HLS协议,做好视频采集端、视频流推流服务之后,便可以...

2018-07-12 18:37:50

阅读数 4603

评论数 0

HTML5如何实现视频直播功能

最近视频直播比较火,发现目前 WEB 上主流的视频直播方案有 HLS 和 RTMP,移动 WEB 端目前以 HLS 为主,PC端则以 RTMP 为主实时性较好,接下来将围绕这两种视频流协议来展开H5直播主题分享,下面通过本文给大家分享HTML5视频直播思路详解,一起看看吧 前言前不久抽空对目前比较...

2018-07-12 18:26:56

阅读数 5577

评论数 0

直播常见概念和协议说明

题外话:HTTP渐进下载流媒体播放:  基于TCP。yy、乐视、爱奇艺、优酷土豆、搜狐视频、花椒直播,主要还是通过rtmp&hls来实现的,但他们也意识到rtmp的天生缺陷,所以不管是技术预研也好,还是测试版也好,都已经或多或少在弄WebRTC了。流媒体概述:所谓流媒体是指...

2018-07-12 18:22:26

阅读数 195

评论数 0

(js)常用方法

最近项目用到了的一个比较常用封装的公共方法,记录一下: import Config from '@/../config.js'; import wx from 'weixin-js-sdk'; import http from '@/http';   const PROJECT_NAME...

2018-07-09 15:08:07

阅读数 115

评论数 0

【npm】利用npm安装/删除/发布/更新/撤销发布包

正文  回到顶部什么是npm?npm是javascript的包管理工具,是前端模块化下的一个标志性产物简单地地说,就是通过npm下载模块,复用已有的代码,提高工作效率 1.从社区的角度:把针对某一特定问题的模块发布到npm的服务器上,供社区里的其他人下载和使用,同时自己也可以在社区里寻找特定的模块...

2018-07-09 10:03:17

阅读数 782

评论数 0

微信浏览器禁止页面下拉查看网址(不影响页面内部scroll)

此类事件是手机touchmove默认事件行为,可以通过js代码隐藏事件:$("body").on("touchmove", function (event) {event.preventDefault();});ordocum...

2018-07-06 17:13:20

阅读数 681

评论数 0

webpack4-用之初体验

众所周知,webpack进入第4个大版本已经有2个月的时间了,而且webpack团队升级更新的速度也是非常的惊人在写下如下内容的时候webpack已经出到了4.6的版本了,剑指5.0应该是指日可待了,当然这些都是个人的臆想,并不代表任何意见既然我们已经迎接了webpack4的到来了,那么就一起来使...

2018-05-02 15:23:42

阅读数 444

评论数 0

前端知识点总结(vue)

1.框架和库的区别框架(framework):有着自己的语法特点、都有对应的各个模块。库(library):专注于一点。框架的好处:1.    提到代码的质量,开发速度2.    提高代码的复用率3.    降低模块之间的耦合度(高内聚低耦合)UI:user interfaceGUI:graphi...

2018-04-25 20:45:20

阅读数 95

评论数 0

JS中深拷贝数组、对象、对象数组方法总结

我们在JS程序中需要进行频繁的变量赋值运算,对于字符串、布尔值等可直接使用赋值运算符 “=” 即可,但是对于数组、对象、对象数组的拷贝,我们需要理解更多的内容。首先,我们需要了解JS的浅拷贝与深拷贝的区别。我们先给出一个数组:var arr = ["a",&am...

2018-03-10 18:23:50

阅读数 252

评论数 3

iPhone X 适配手机端 H5 页面通用解决方案

一:本文提供两种解决方案1.终端解决方案(最优,建议选择)2.web解决方案 导语: iPhone X的出现,一方面对于整个手机行业的发展极具创新领头羊的作用,另一方面也对现有业务的页面适配带来了新的挑战。 对于手Q中的各业务来说,受iPhone X影响的H5页面挺多,应该采取什么快速有效的办法来...

2018-03-05 13:42:49

阅读数 691

评论数 0

聊聊我对现代前端框架的认知

现在前端界有三大框架横行,Vue,React,Angular,几乎是所有身为一名前端工程师所必备的一项技能。 但是我不知道有多少人仔细思考过为什么会这样? 现在的一些应届生和刚入行的人们,在刚一踏入前端这个行业起就会面临着是学习Vue还是学习React又或者是学习Angular等这样的...

2018-02-01 11:48:20

阅读数 446

评论数 0

Vue项目自动转换 px 为 rem

Vue项目自动转换 px 为 rem,高保真还原设计图 前端开发中还原设计图的重要性毋庸置疑,目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代,要么自己去计算rem值,要么依靠编辑器安装插件转换。 而本文的目标就是通过一系列的配置后,在开发中可以直接使用设计...

2018-02-01 11:33:24

阅读数 1726

评论数 0

HTML <fieldset> 标签

在form表单中常常被忽视的两个标签fieldset和legend 标签的定义和使用  fieldset元素可将表单的相关元素分组。  fieldset标签将表单内容的一部分打包,生成一组相关表单的字段。  当一组表单元素放到标签内时,浏览器会以特殊的方式来显示它们,它们可...

2018-01-30 21:54:22

阅读数 313

评论数 0

移动前端自适应适配布局解决方案和比较

互联网上的自适应方案到底有几种呢?就我个人实践所知,有这么几种方案:固定一个某些宽度,使用一个模式,加上少许的媒体查询方案使用flexbox解决方案使用百分比加媒体查询使用rem淘宝最近开源的一个框架和网易的框架有同工之异。都是采用rem实现一稿解决所有设置自适应。在没出来这种方案之前,第一种做法...

2018-01-15 17:56:26

阅读数 133

评论数 0

web和native进行交互(JSBridge)

随着HTML5的不断普及及优化,其在移动端开发的应用也越来越多,在开发者我们经常需要web和native进行交互,也就是要用到经常听到的“JSBridge”。这里我就自己的理解及实践,讲一下什么是JSBridge。 有些朋友听到JSBridge,会觉得是个蛮高大上的东西,好像很厉害很复杂的样...

2018-01-04 14:36:50

阅读数 910

评论数 0

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