-
图片格式详解:PNG、JPEG、GIF、SVG
PNG、JPEG、GIF、SVG应该用哪个？0.6742016.10.13 21:49:27字数 1790阅读 11501Beginning当我们构建网站或者开发App的时候，应当怎样选择使用图片的类型呢？是简单的全部使用一种类型还是根据业务情形选择不同的图片类型呢？每种类型的图片类型又有怎样的优点和缺点呢？Concepts图片呈现效果的异同跟以下两个因素有关：首先，压缩分两派：无损压缩和有损压缩。无损压缩 ：能够使图片占用的存储空间变小，而且不会损害图片的质量。有损压缩：相对无损压缩会压...…
-
第31天日报
充实的一天每日新词gulp : 用自动化构建工具增强你的工作流程gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。icon : 图标…
-
HTML，CSS的class与id命名规则
最重要的部分先说(命名书写格式)常见的格式有：连接符（search-btn）、下划线、全小（searchbox）、小驼峰（searchBox）。现在用得多广泛的还是第一种使用连接符，易读、书写方便。在这里小编推荐大家id使用下划线_来进行连接,class用中划线-来进行连接网页公共命名： #wrapper - - 页面外围控制整体布局宽度 #container或#content - - 容器，用于最外层 #layout - - 布局 #head，#header - ...…
-
CSS中id与class 命名规则及编码的6个最佳习惯
一、用class_name方式写类名以前喜欢用class-name写，不过好像两样也没什么差别。但我比较反对用className写类名，因为始终对浏览器大小写敏感的问题抱有怀疑态度。但是id我会写成驼峰式，理由见下一条。二、样式都用class而不用id有三个理由。1，id不可以重复，所以用class的话，可以肆无忌惮的用无数次。2，id的优先级太高，若是写了一个#page_contenta{color:#f60}，那你完蛋了，里面要改链接颜色，都必须加上#page_content才能越过这...…
-
sublime Text 正则替换
原文链接我遇到一个文章，需要把所有的 (数字) 换为 [数字]于是我使用 Sublime Text的替换首先，我们需要打开正则使用“Alt+R” 或打开“Ctrl+h”选择正则。然后我们开始输入正则，“ ((\d+) ” 我们需要拿出的是数字，所有在数字加“()”。于是在替换写“[$1]”，其中$0就是所有的，$1就是第一个括号。如何使用正则可以去看正则表达入门。Sumlime 还可以创建代码行，做法也很简单。点击 Tools New Snippet< snippet> ...…
-
第30天日报
充实的一天每日新词中秋航哥大礼包淘宝页面->23天日报中有git命令写一遍Linux命令录一遍…
-
Emmet的html语法
所有操作按下“tab”键即可瞬间完成元素1.在编辑器中输入元素名称，即可自动补全生成 HTML 标签，即使不是标准的 HTML 标签。 2.输入：! 或者 html:5 或者 html:4s 或者 html:4t 将自动补全html基本结构嵌套操作1.使用“>”生成子元素// 输入div>ul>li// 按下TAB键<div> <ul> <li></li> </ul></div&g...…
-
js 原型链的理解
AA默认护眼夜间 阅读(67243) 书签 赞(6) 分享 我要纠错JavaScript 原型链的理解由 alexbro 创建，Loen 最后一次修改 2018-02-24 看这样一段代码：var Person = function () { };var p = new Person();我们来看看这个 new 究竟做了什么？我们把 new 的过程拆分成以下三步：1. var p={}; 也...…
-
jQ动画效果大全
一、show()方法和hide()方法1.show()与hide()show()：根据hide()方法记住的display属性值来显示元素。hide() : 将该元素的display样式改为 "none"。2.参数让元素动起来：单纯的调用show()和hide()相当于css("display","none/block/inline"),不会有任何动画。如果希望调用元素慢慢显示/消失，则可...…
-
第29天日报
充实的一天今天继续做js的练习上午 下午 晚上 分别考了2个案例今天一共是6个,效率还可以 加油每日新词最详尽的 JS 原型与原型链终极详解，没有「可能是」。（一）模因(meme)，名词。在诸如语言、观念、信仰、行为方式等的传递过程中与基因在生物进化过程中所起的作用相类似的事物。…
-
js中的事件委托或是事件代理详解
起因： 1、这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的； 2、其实我一直都没弄明白，写这个一是为了备忘，二是给其他的知其然不知其所以然的小伙伴们以参考； 概述： 那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子，就是取快递来解释这个现象，我仔细揣摩了一下，这个...…
-
js、jq获取当前鼠标位置
使用jQuery获取 使用JavaScript获取使用jQuery获取<html><head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>javascript获得鼠标位置</title> <script src="js/jquery.min.js"></script><...…
-
第28天日报
充实的一天事件委托事件冒泡每日新词sass:世界上最成熟、最稳定、最强大的专业级CSS扩展语言！每日听书不同文明之间的差异,交流是关键环境因素,地理环境地理决定论(从已然的结果来倒退,不能起到前瞻性的作用)历史的发展历史学研究方法,可靠的统计数据历史学要和自然科学整合…
-
第27天日报
充实的一天今天我们把之前航哥给的元素周期表的js特效换成了自己的图片,在我的另一个github的博客上线了王新阳同学发了个朋友圈:离开兄弟会一周，差距就变得如此之大。上百张图片里未曾看见自己的身影，还是会有些难受。小明哥，太强了！兄弟会，太强了！厉害的人还是拼命努力，太可怕！我这其实就是在别人做好的模板上面换了张图片,有点儿惭愧啊!新阳太厉害了,在他这个阶段就能有这么清楚的认识,很佩服他就算他现在不在兄弟会,也关注着我们…
-
Python实现一行代码推本地git到远程仓库
普通的方式 装13的方式 具体实现普通的方式刚刚学会git的你想要将你修改的code的文件push到远程仓库中的时候git add .git commit -m"本次修改就是啥也没动"git push origin master装13的方式这三条命令应该是很多小伙伴们必须要输入的小编这次就教大家用python写一个简单的脚本实现,自动push你的git库中的code具体实现首先我们需要一个操作系统的OS模块import os# 调用os的system方法os.system('git...…
-
jQuery手动触发事件-trigger()方法
jQuery 事件参考手册实例触发 input 元素的 select 事件：$("button").click(function(){ $("input").trigger("select");});亲自试一试定义和用法trigger() 方法触发被选元素的指定事件类型。触发事件规定被选元素要触发的事件。语法$(selector).trigger(event,[param1,param2,...])亲自试一试参数描述event 必需。规定指定元素要触发的事件。 可以使自定义事...…
-
jQuery中的元素方法
先送你一个清单 举个栗子先送你一个清单函数描述.get()获得由选择器指定的 DOM 元素。.index()返回指定元素相对于其他指定元素的 index 位置。.size()返回被 jQuery 选择器匹配的元素的数量。.toArray()以数组的形式返回 jQuery 选择器匹配的元素。举个栗子元素结构是这样的<ul> <li></li> <li></li> <li></li></ul&...…
-
第26天日报
荒废的一天中午回来的下午看了场电影:最长1枪晚上看了中国男篮决战尼日利亚的比赛虽然比赛输了,但是我们还有着明确的目标和对于实现目标的信心中国男篮还需要时间今日案例js的地址联动效果,通过字典的键值对嵌套实现遍历字典中的内容,动态的append每一个option到select中这样的好处可以讲结构和功能分离,程序的可扩展性和可维护性,降低程序的解耦性…
-
js和jq判断select是否选中、获取select选中的值
原生js JQ部分 1.判断option是否被选中 2.获取select选中的值 3.获取select选中的索引 4.添加option 5.删除option原生jsvar mySelect = document.getElementById(”testSelect”);//定位id(获取select) var index =mySelect.selectedIndex;// 选中索引(选取select中option选中的第几个) var text =...…
-
jquery点击事件获取该元素在整个一类元素中的索引值
有一类div标签，class为pointbox，数量不等，有多个。我需要在点击某一个标签的时候实时获取该标签在这类标签中索引值，以便进行其他操作。代码很简单：$(".pointbox").click(function () { var index=$(".pointbox").i...…
