现在大部分博客图标都采用Font Awesome图标库，因为Font Awesome图标库满足了大部分用户的需求了，但做为喜欢花里胡哨的我们是不够的，Font Awesome图标库的图标不仅没有彩色的图标，个性化的图标还有点少！所以对于我们喜欢彩色的菜单图标选择性很少！所以只能引入其他的矢量图标库，今天我就分享一下WordPress引用阿里巴巴矢量图标库的彩色图标。
比wordpress默认图表库的图标好看多的 默认图标库的图标一般都是灰白色简直难看死了哈哈 今天分享给大家如何插入阿里图标库的彩色图标 阿里图标库有什么好处呢 插入方便 图标样式多 彩色图标应有尽有 反正你用都用不完 重点还永久免费使用
代码分为html、css、js三部分，和平时写前端代码基本一样。 不过有几点需要说明下：
像这样的地图，我们可以通过手动来进行放大、缩小、移动等来查找具体的地址，特别方便，在页面上引用也显得页面很有特点，那么，应该怎么样来制作这种地图呢？
近期在做一个小程序的时候，需要显示重要位置显示几个饼图。遇到这种情况，第一想法就是上网搜索各种小程序支持的图表控件。最终也选择了小程序版本的ECharts。同时项目也进展顺利，在最后临近提交小程序审核的时候，发现Echarts在ios下会偶尔导致屏幕无法滑动。网上一搜，都在说问题，解决方案很少，也不太适合。
我们都有在网页上见过一些交互性的效果，比如用鼠标滑向图标或是按钮的时候，图标会自动旋转一周，这就是CSS3旋转效果。在CSS3中有个常见的transform应用，transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。本文主要侧重讲解CSS3的平面旋转（2D）方法和立体旋转（3D）方法。不过既然提起transform，还是先普及一下transform属性的基本知识：
一个小小的前端需求送给大家，使用js实现图片旋转，并且点击图片能够实现规定格式的大图。 主要使用的是jQuery的delegate()方法实现图片旋转，该方法主要的功能就是给某个组件绑定一个或一组
一提到模块化，也许我们首先想到的是做项目的时候进行模块设计，按照功能划分不同的模块，最后通过模块的选择和组合组成最终的产品；那把模块化的思想放到前端页面，js上来是不是也适用？当然，而且也能很好的提高我们项目的开发效率。
小程序开发框架的逻辑层使用 JavaScript 引擎为小程序提供开发者 JavaScript 代码的运行环境以及微信小程序的特有功能。
具体来说，有的屏幕320px宽，有的屏幕640px宽，有的更宽，如果你写固定px，那么要么小的放不下，要么大的有大片空白。
微信已经成为我们日常聊天联系基本的必备工具，所以小菜我首先介绍一下如何调用微信的分享功能。其实除了可以在微信上分享到朋友圈和发送给好友，微信的分享接口还提供了分享到QQ和分享到腾讯微博等，就是在页面的config接口注入权限验证配置好就ok！
最近博主选了两门智慧树的选修课，以前都是电脑安装安卓模拟器然后模拟器安装知到app 使用模拟器播放，挺麻烦的，今天在页面上随便点了下，突然发现智慧树的pc端播放器不是使用flash而是使用的html+js，于是想到使用js点击事件控制播放下一集（智慧树视频要求只需要看到80%即可）、关闭答题弹窗（智慧树的答题可以不管直接关闭，超星的必须答题），如果需要为播放到100%切换下一集请更改第45行的83为100即可。由于是纯JS代码，基本没有被检测作弊的风险，博主不做100%的保证，谨慎使用！！
首先是Html代码，习惯上会将菜单放在一个div里，使用盒子模型，方便以后的操作和设置样式。
为大家精心挑选了 8 个漂亮的 Progress Bars 组件，并附上 GitHub 链接和 vue.js 代码示例，以及Vue3 快速深入全攻略。
注意：fa前缀最新版本中已弃用。新的默认设置是实心的fas样式和品牌的fab样式。
相信很多人不光是在编程的过程中，在平时的生活中，也经常会收藏一些有用的网站，方便使用的时候，靠这些网站来解决一些麻烦的事情。 比如：
我们用bootstrap-table-fixed-columns插件固定列的时候，发现固定的列不能排序，其他的列是能排序的，需要修改下，
我们经常在网站上采用百度分享或者是jiathis分享功能，但是他提供了默认的图标，这些传统的图标看的久了就会感觉它不舒服，希望能够使自己网站的分享图标与众不同，下面我来介绍一下实现方法。
DOOOOR是一个品鉴国外优秀设计作品，为广大设计师提供首选高端精神食粮的创意欣赏类平台。收录作品不断充实，旨在吸收国外优秀思想，培养国内设计界多风格高端人才，弘扬中国未来创意产业文化。
（2）为相框设置样式,用transform:rotateY(-10deg)为它设置旋转效果，用transform-style:preserve-3d来为图片设置3D效果。
很多知名博主都喜欢弄个标签云。今天特地看了下源码。把标签云的方法单独扣了出来。这里做一下记录
1.动态旋转圣诞树 实现效果如下 代码参考，具体的CSS与js代码较多这里就不展示出来了 DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content="程序员的圣诞树" /> <meta name="author" content="" /> <meta http-equiv="X-UA-Compatible" content="chr
随着Ajax的越来越多地运用，HTML的内容又开始由“所见即所得”开始向“所见未必所得”发展了。这就是动态改变网页内容的魅力所在吧。 在公司产品动易2006版整合接口的开发过程中，需要在客户端页面上输出一段调用远程接口写cookies的代码，最早的时候我是把调用url通过script的方式输出。在ASP输出HTML的时候，调试通过。 动易2006的前台登陆表单已经采用了Ajax技术，页面上所看到的登陆表单并非直接由HTML代码在页面中写成，而是在页面加载以后，通过JS，通过Ajax，向服务器端的asp
在完成了页面的布局之后，我们需要让页面动起来，一般来说头部信息需要添加好几个才能完成要求的接口请求。 所以我们在之前的基础要进行键值对输入的新增功能。 由于技术的原因，删除的操作没写出来。 所以最终实现了类似如下图的内容：
在网上查资料闲逛，偶然间看到了张戈博客的评论框有点意思，于是就收走拿到了我的米扑博客。
安利一波CSS、JS炫酷动效在线下载网站 # bttn.css 专注分享网页按钮的样式库 # Hover-Buttons 一个可以生成代码的网站 # granim.js 基于canvas的背景颜色渐变动画插件。该插件通过配置几组不同的颜色方案，使指定元素在这些颜色中执行平滑的渐变色过渡效果。 # micron 可生成炫酷CSS3动画的js动画库插件。通过micron.js插件，你可以为页面的任意DOM元素添加12种炫酷CSS3动画效果。并能通过js代码或html5 data属性来串联各种CSS3动
年尾将之，一颗圣诞树就代表着一份平安与幸运，在这里将最好的祝福送给你，祝各位圣诞快乐！
概要 减少HTTP请求文件的大小 精简html的DOM元素数量 压缩css，js代码 图片文件选用合适的格式。对于色彩数不是很丰富的图片，使用png格式 压缩图片。使用类似智图的工具 服务器端启用gzip压缩 静态资源放在没有cookie的domain下 减小cookie大小 减小网站标题图标（favicon.ico）的大小 减少HTTP请求数 合并文件。比如将所有的样式表合并成一个，所有脚本文件合并成一个 合并一些图标类图片。图标类图片做成图片精灵（CSS Sprites） 缓存 静态资源的缓存 a
先说为何要学这个，我们公司部署项目的时候有一个选择按钮，每次都得选中才能提交！于是就。。。 直接上代码！ 配置文件：manifest.json { "name": "选中页面复选框", "version": "1.0.0", "manifest_version": 2, "description": "选中页面当中的复选框", "permissions" : ["tabs","http://*/"], "icons": {
中秋节马上就要到来了，这是一个很有意义的节日，意味这团圆和美满。 为此，我也特别准备了一个案例 中秋主题的3D旋转相册 Paste_Image.png 如图，这是通过Javascript和css3
下面这些按钮是导入了字体图标库font-awesome 4.7.0 ，需要自己引入
canvasjs图标库的官网：https://canvasjs.com/jquery-charts/
Web前端技术由html、css和javascript三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理，对应的每个知识点点到为止，不作详细介绍。目的是帮助大家审查自己的知识结构是否完善，如有遗漏或不正确的地方，希望共勉。
switch组件里有一个bindchange事件，通过该事件我们可以获得该组件的状态值，wxml代码如下：
最近在设计自己的博客，前端页面在内容很多的时候往下拖动会有滚动条。通常我们都需要一个返回顶部的功能来实现快速来到网页顶部。当然实现方式不止一种，这里我采用的最实用的一种。使用CSS+Jquery方式 代码量相对较少，容易理解。
函数节流和函数防抖，两者都是优化高频率执行js代码的一种手段。 大家大概都知道旧款电视机的工作原理，就是一行行得扫描出色彩到屏幕上，然后组成一张张图片。由于肉眼只能分辨出一定频率的变化，当高频率的扫描，人类是感觉不出来的。反而形成一种视觉效果，就是一张图。就像高速旋转的风扇，你看不到扇叶，只看到了一个圆一样。 同理，可以类推到js代码。在一定时间内，代码执行的次数不一定要非常多。达到一定频率就足够了。因为跑得越多，带来的效果也是一样。倒不如，把js代码的执行次数控制在合理的范围。既能节省浏览器CPU资源，又能让页面浏览更加顺畅，不会因为js的执行而发生卡顿。这就是函数节流和函数防抖要做的事。
在实践应用中，图标的使用无处不在。小到编辑器的功能按钮，大到 chrome 浏览器的任务栏，都有大量的图标需要处理。每个稍微大一点点的项目都必然需要一个图标组件。
前面介绍前端JS是用Backbone的扩展框架Marionette开发，同时使用了Underscore和JQuery。JS代码组织如下：
作为苦逼的IT行业，没日没夜的加班，妹纸也少的可怜，就算在一个班办公室或者一个部门，可能也只有一个妹纸，但估计也轮不到你来上，只能眼巴巴的放着光。可是程序猿一直以老实、踏实、多金等美名著称。只要你学的
目录: 一、为什么要对JS代码进行保护？ 二、js代码保护前世今生 三、js虚拟保护方案与技术原理 四、总结
这个功能是在最百度语音合成的时候涉及到的，这个功能我也是第一次写，毕竟前端的东西不是很擅长。特此记录一下。
按需加载 合并压缩文件 将小图标合并成雪碧图 字体图标 dataURL 内置图片
断点调试其实并不是多么复杂的一件事，简单的理解无外呼就是打开浏览器，打开sources找到js文件，在行号上点一下罢了。操作起来似乎很简单，其实很多人纠结的是，是在哪里打断点？（我们先看一个断点截图，以chrome浏览器的断点为例）
上篇向大家介绍完了基础功能篇，这次分享的是Chrome开发工具中最有用的面板Sources。 Sources面板几乎是我最常用到的Chrome功能面板，也是在我看来决解一般问题的主要功能面板。通常只要是开发遇到了js报错或者其他代码问题，在审视一遍自己的代码而一无所获之后，我首先就会打开Sources进行js断点调试，而它也几乎能解决我80%的代码问题。Js断点这个功能让人兴奋不已，在没有js断点功能，只能在IE（万恶的IE）中靠alert弹出窗口调试js代码的时代（特别alert一个object根本不会理你），那样的开发环境对于前端程序员来说简直是一场噩梦。本篇文章讲会介绍Sources的具体用法，帮助各位在开发过程中够愉快地调试js代码，而不是因它而发疯。首先打开F12开发工具切换到Sources面板中:
在cordova5.0版本以后，需要安装cordova-plugin-splashscreen插件以后才能修改和设置App的启动页面。
下图是收藏榜总榜的部分商品，一看这金额？？？果然是有钱人玩的游戏啊，到底是什么样的属性能让其价值连城？鼠标放到装备图标上，我们可以看到装备的详细信息，那么如何抓取下来呢？
适逢元旦假期，妹子逛街吃火锅看电影陪女朋友之际，写出来的文章难免画风略微粗糙，但是这个动画的实现还是费了一番脑子的，话说程序猿之间交流并不需要过多解释，上代码就搞定。
使用css3的圆角、旋转、剪切属性实现圆形进度条，原理不难，两次剪切加一次旋转。 进度条分左右两边，50%一下操作右边的就行，超过50%操作左边的 样式随便写的，代码如下：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
