聊聊 JavaScript 与浏览器的那些事 - 引擎与线程

聊聊 JavaScript 与浏览器的那些事 - 引擎与线程

如果你做过可视化开发,你是否遇到过这样一个棘手的问题:因为需要向页面中添加大量的图表或点线元素而导致页面卡顿、性能下降。一般来说你

【Recorder.js+百度语音识别】全栈方案技术细节

【Recorder.js+百度语音识别】全栈方案技术细节

项目中需要利用百度语音接口在Web端实现语音识别功能,采用了这样的技术方案,但实现时遇到了很多问题,发现网上大部分文章都只是在详解官

纯css实现瀑布流(multi-column多列及flex布局)

纯css实现瀑布流(multi-column多列及flex布局)

瀑布流的布局自我感觉还是很吸引人的,最近又看到实现瀑布流这个做法,在这里记录下,特别的,感觉flex布局实现瀑布流还是有点懵的样子,不

SCSS提取和懒加载

SCSS提取和懒加载

本本节课讲解在webpack v4中的 SCSS 提取和懒加载。值得一提的是,v4和v3在 Scss 的懒加载上的处理方法有着巨大差别。SCSS 是 Sass

前端网页的懒加载

前端网页的懒加载

作为网页内容的一部分,图像和视频通常要消耗很多资源加载。要提高网页应用的性能,如何避免资源浪费在加载图像和视频上就很重要了。但是,

纯CSS3实现各种表情动画

纯CSS3实现各种表情动画

CSS3非常强大,我们可以利用CSS3相关特性绘制很多平面图形,并且可以制作很多简单的动画。今天要分享的是一款用纯CSS3实现的可爱表情动画,

CSS3 动画性能优化

CSS3 动画性能优化

CSS3 动画给 Web 的用户体验带来了巨大提升,本文将尝试从浏览器渲染的角度,来解析动画优化的原理及其技巧。为大家提供一些动画性能优

图表库ECharts的使用


图表库ECharts的使用

ECharts是一个兼容绝大部分浏览器,可流畅运行在PC和移动设备上的纯 Javascript 的图表库。ECharts 提供了折线图,柱状图,散点图,饼图

抛弃jQuery,拥抱原生JavaScript


抛弃jQuery,拥抱原生JavaScript

前端发展很快,现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React

JavaScript实现360度全景图片展示效果


JavaScript实现360度全景图片展示效果

360全景照片展示由于它的真实性、全视角等特点能够很好的展现产品。而我在工作之余写了一个360度图片展示效果,改变了普通图片平淡的特点,

jQuery 随滚动条滚动效果 (适用于内容页长文章)


jQuery 随滚动条滚动效果 (适用于内容页长文章)

直接入题!当内容页比较长的时候,网站右侧一直是空白,不如放点有用的东西给用户看,最好不要放广告,因为那样很邪恶,你懂的。好吧,昨天

HTML5-语义化


HTML5-语义化

    距HTML5标准规范制定完成并公开发布已经有好些年了,面试时也少不了要问对HTML5语义化得理解。但是在实际运用时,真正使用HTML5标

css负边距之详解


css负边距之详解

自从1998年CSS2作为推荐以来,表格的使用渐渐退去,成为历史。正因为此,从那以后CSS布局成为了优雅代码的代名词。对于所有设计师使用过的C

巧用CSS3的calc()宽度计算做响应模式布局


巧用CSS3的calc()宽度计算做响应模式布局

今天浏览这个http: www sitepoint com站时,因为好奇看了下人家写的代码,结果发现了这行代码,于是就研究了一下,calc()从字面我们可以把

CSS实现单行、多行文本溢出显示省略号(…)


CSS实现单行、多行文本溢出显示省略号(…)

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:o

css3技巧——产品列表之鼠标滑过效果translateY(三)


css3技巧——产品列表之鼠标滑过效果translateY(三)

这次我们使用transform的translateY值来做一个鼠标经过图片上拉,出现文字解释效果: 查看效果 <div class="main"><div class="view view-

CSS3:linear-gradient切角画册


CSS3:linear-gradient切角画册

关于linear-gradient的语法就不多做介绍了网上到处都是,下面看个小例我们先做一个渐变,使其让他旋转,<div class="example"> < div> ex

样式初始化、display、外边距合并

样式初始化、display、外边距合并

成都前端圈是一个关注前端开发、用户体验设计、HTML5、CSS3、Javascript的前端开发独立网站。

常见的css和盒子模型

常见的css和盒子模型

网页设计中常听的属性名:内容(content)、内边距(padding)、边框(border)、外边距(margin), CSS盒子模式都具备这些属性。

前端入门—HTML常用标签

前端入门—HTML常用标签

Web前端开发语言:超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

前端工程师完整的学习路线

前端工程师完整的学习路线

第一阶段:HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作

Javascript入门到精通学习路线

Javascript入门到精通学习路线

JavaScript基础语法1-JavaScript简介和常用方法2-JavaScript变量和数据类型3-Javascript操作符和运算符4-JavaScript数据类型转换5-Javascri

初级web前端工程师—HTML5学习路线

初级web前端工程师—HTML5学习路线

HTML介绍(了解)本章的学习知识内容:l 什么是HTML?l 动态网页与静态网页l HTML,XHTMLl HTML的历史l HTML的开发工具l 浏览器的认

数独游戏练习

数独游戏练习

数独游戏行和列不允许有数字重复,源码文件免费下载

html5城市3D模型练习-transform及相关属性的运用

html5城市3D模型练习-transform及相关属性的运用

css部分:js部分:截图不全具体效果可下载看源码:下载:3D模型练习

原生js效果-tab切换选项卡效果

原生js效果-tab切换选项卡效果

效果图:下载:tab选项卡切换

前端面试题—JavaScript高级部分

前端面试题—JavaScript高级部分

1.同步异步区别javascript 异步表示async,指:代码执行不按顺序,‘跳过’执行,待其他某些代码执行完后,再来执行,称为异步

前端面试题—JavaScript部分

前端面试题—JavaScript部分

1 Document write 和innerTHML区别document write()是在页面中出入内容;如果不指定元素的话;它会覆盖掉整个页面内容innerHTML只是修稿

美容培训网站模板

美容培训网站模板

成都前端圈网页模板分享企业网站模板、博客模板等供大家学习参考。

响应式金融借贷平台

响应式金融借贷平台

响应式金融借贷平台-静态页面模板源码

如何招到一个靠谱的程序员

如何招到一个靠谱的程序员

我的上一份工作是在一家世界500强金融集团担任架构师,当时,公司的IT团队规模将近2000人。与其他IT公司一样,程序员的流动性也比较高,而

推荐几款常用的微信公众号排版工具

推荐几款常用的微信公众号排版工具

作为一个新媒体小编,我们常接触的几个工具,莫过于排版、素材、图片这几个了。今天天天主要是想给大家介绍几款我常用的微信排版工具,希望

前端新手程序员不知道的 20个小技巧

前端新手程序员不知道的 20个小技巧

1 作为前端开发者,使用双显示器能大幅提高开发效率。2 学编程最好的语言不是PHP,是English。3 东西交付之前偷偷测试一遍。4 问别人之前最

小程序分享海报的实现

小程序分享海报的实现

需求小程序分享到朋友圈只能使用小程序码海报来实现,生成小程序码的方式有两种,一种是使用后端方式,一种是使用小程序自带的canvas生成;

Redux与它的中间件:redux-thunk,redux-actions,redux-

Redux与它的中间件:redux-thunk,redux-actions,redux-

序言这里要讲的就是一个Redux在React中的应用问题,讲一讲Redux,react-redux,redux-thunk,redux-actions,redux-promise,redux-sage这

如何在Vue里建立长按指令

如何在Vue里建立长按指令

您是否曾想过按住按钮几秒钟才能在Vue应用程序中执行某个功能?您是否曾想在应用程序上创建一个按钮,通过按一次(或按住按钮的整个输入)

小程序开发实践总结

小程序开发实践总结

从微信发布小程序以来,各大公司纷纷跟进都想从微信这个流量池里捞一杯羹。我司也不例外,我们整个前端团队这半年来基本上都是在开发小程序

完美快速解决百度分享不支持HTTPS的问题


完美快速解决百度分享不支持HTTPS的问题

百度分享不支持HTTPS这件事由来已久,我之前向百度分享提交过这个问题,无果!但近期 themebetter 主题用户咨询的比较多,我们就总结了解决方

腾讯 Web UI 解决方案 QMUI Web —— 探索与沉淀


腾讯 Web UI 解决方案 QMUI Web —— 探索与沉淀

作者:李浩成(Kayo),腾讯广州研发部 UI 工程师。经过长时间的打磨迭代,QMUI Web 作为腾讯广研 QMUI 团队的一个开源项目,正式发

JS判断单、多张图片加载完成


JS判断单、多张图片加载完成

在实际的运用中有这样一种场景,某资源加载完成后再执行某个操作,例如在做导出时,后端通过打开模板页生成PDF,并返回下载地址。这时前后

git常用命令


git常用命令

使用git已两三月了,最常用的几个命令倒是很熟悉,用的比较少的命令很是记不清,要多多探索这些命令,首先要有个帐号为所欲为,接下来开始

响应式图片解决方案


响应式图片解决方案

如今开发一个网站不是响应式都不好意思拿出来,那么作为响应式中的重要一环「响应式图片」你又是如何解决的呢?网站的平均加载已经到了近

WeUI 发布——微信官方UI库


WeUI 发布——微信官方UI库

团队里的几个小伙子把微信里面web app的UI,按照设计规范给梳理了一遍,并将之开源了出来。主要是希望给到第三方开发者一些UI和前端编码方

NodeJs模块基础

NodeJs模块基础

NodeJs采用模块方式,管理和组织代码,NodeJs的所有的功能都存在每个模块中。

NodeJs介绍

NodeJs介绍

1 1 什么是NodeJs首先在搞清楚什么NodeJs之前,我们先来聊聊JavaScript,只要做过开发的人都应该知道JavaScript是目前最为流行的前 端(客

异步与同步

异步与同步

1 1 基本概念 同步:一个任务等待前一个任务结束,然后再执行,程序的执行顺序与任务的排列顺序是一致的、同步的。异步:每一个任务有一

NodeJS控制台

NodeJS控制台

1 1 console概述console对象代表控制台,与Chrome中的控制台一样,不过Node中的控制台输出至CMD窗口,可以通过console对象的各种方法向控制

NodeJs的用法—Buffer缓存区

NodeJs的用法—Buffer缓存区

1 1 Buffer基本概念JavaScript 语言自身没有二进制数据类型。二进制可以存储电脑中任何数据(比如:一段文本、一张图片、一个硬盘,应该

MVC与MVVM架构模式介绍

MVC与MVVM架构模式介绍

一、MVC模式(重点)1 1 MVC模式是什么MVC是软件工程中的一种软件架构模式,把软件系统分为三个基本部分:模型(Model) - 应用程序中

less简介及编译环境安装

less简介及编译环境安装

Less css是一种动态样式语言,属于CSS预处理语言的一种,它使用类似CSS的语法,为 CSS的赋予了动态语言的特性,如变量、继承、运算、函数等,更方便CSS的编写和维护。

 Top