- 博客(27)
- 收藏
- 关注
转载 mac终端ls命令区域文件夹颜色配置
首先,配置后的效果:配置方法为:1.vim ~/.bash_profile 2.增加(先按i,然后粘贴) #set color export CLICOLOR=1 export LSCOLORS=gxfxaxdxcxegedabagacad 3.保存(先按esc,然后输入:wq) ...
2018-11-01 17:13:00
530
转载 css小细节总结
css小细节总结1、用max-width来防止图片撑破容器img{ display: inline-block; max-width: 100%;}2、用pointer-event 来禁用事件该属性可以做: 阻止任何点击动作的执行; 使链接显示为默认光标(cursor: default); 阻止触发hover和active状态 ...
2017-10-16 11:41:00
128
转载 不懂这些seo技巧,还敢说你是前端?
这篇文章其实是我本人的总结,因为工作中做完了一个官方网站并成功上线,最后组长检查代码看到我的keyword等一系列信息都是空的,把我骂得狗血淋头。一言不合就作总结,总结一些简单但是我们能做的seo小技巧,送给想把网站做到极致的人。SEO要点:1.语义化html标签,用合适的标签嵌套合适的内容,不可过分依赖div,对浏览器更友善就能更容易被抓取。2.重要的内容html代码放在前面,放在左边...
2017-09-19 15:06:00
169
转载 vue-router的使用
vue-router作为一个官方的路由组件,是应用开发的必备神器,比较突出的有一下几点:1、提供了视图渲染的详尽钩子,和路由的携带信息meta2、可以方便地切换history模式和hash模式3、在视图组件里可以方便地使用路由信息和路由对象4、支持路由嵌套,可以拿到路由的匹配路径方便显示激活菜单5、组件化的调用方式route-link和router-view,并自动关...
2017-09-18 11:17:00
110
转载 DOM相关操作、事件、方法
1. 获取元素方法 1.根据 id var element = document.getElementById("idName"); 2.根据 标签名 var elements = document.getElementsByTagName("标签名"); 3.根据 类名 ...
2017-09-18 09:15:00
103
转载 js另解
变量:不要把它当做一个盒子而是当做一个触手。函数:值和对象的对立统一,正因为这样才使js的世界丰富多彩。js:动态又变态,一切是对象又是值。this:执行上下文,执行上下文,执行时取决于上下文。call、apply、bind:我能决定你的执行上下文。try catch:有错要当面指出哦,背后说人家,人家不会理会的。finally:人家都不干了,你还要来那么一下下,谁了解你。对象:对象就是...
2017-09-15 16:54:00
66
转载 前端常见算法的JS实现
算法是程序的灵魂,一个优秀前端工程师对算法也是要有所了解的,本文总结了我们在开发、面试中经常会遇到的基础算法,使用原生JS实现,未必是最优解,可以互相探讨。2017.2.27 为了便于查看,简单分下类,本文也会持续更新。排序算法1. 冒泡排序function bubbleSort(arr){ var i = j = 0; for(i=1;i<arr.length;i++){ ...
2017-09-15 15:59:00
120
转载 javascript学习笔记
编程语言的词法结构是一套基础性规则,用来描述如何使用这门语言来编写程序。1、字符集JavaScript程序是用Unicode字符集编写的。1.1 区分大小写JavaScript是区分大小写的语言。也就是说,关键字、变量、函数名和所有标识符(identifier)都必须采取一致的大小写形式。比如:“name”和“Name”是不同的变量。1.2 空格、换行符和格式控制...
2017-09-15 15:28:00
80
转载 前端开发常用js代码片段
HTML5 DOM 选择器// querySelector() 返回匹配到的第一个元素var item = document.querySelector('.item');console.log(item);// querySelectorAll() 返回匹配到的所有元素,是一个nodeList集合var items = document.querySelectorAll('.i...
2017-09-15 15:24:00
132
转载 我来回答人生百问^_^老姚
1:你的人生理想是什么?小时候你的梦想是什么?现在呢?小时候别人都有梦想,然而那时我还不清楚“梦想”的具体含义。只有一些零零散散的想法,也大都是一些不切实际的想法。比如我也想有个李若彤那样的姑姑,我想要拥有会飞的超能力,我还想会天马流星拳。记得初中时,语文班主任挨个提问同学你的梦想是什么时,轮到我时,我想了一会始终不知道自己的梦想是什么,然后我回答了:想快点长大...
2017-09-14 11:17:00
149
转载 手机/移动前端开发需要注意的20个要点
1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"><meta content="yes...
2017-09-14 11:12:00
76
转载 精品网站集合
精品网站集合1、CSS特效http://h5bp.github.io/Effeckt.css/2、CSS参考手册http://www.css88.com/book/css/3、前端技术Haoroomshttp://www.haorooms.com/4、PHP中文手册http://php.net/manual/zh/5、经典DEMO集合仓库...
2016-10-13 16:31:00
170
转载 必备
平日你是从哪里获取前端知识?用 MDN 查 JavaScript 和 CSS 基础知识用维基百科查编程概念用 Stackoverflow 查疑难杂症用http://Caniuse.com查兼容性用 Google 搜索用「site:http://github.com关键词」搜索好用的库用「关键词 MDN」来搜索 MDN用http:...
2016-10-13 16:29:00
84
转载 20款开发工具推荐
http://www.36zhen.com/t?id=5970转载于:https://www.cnblogs.com/new-Spring/p/5861940.html
2016-09-11 15:41:00
83
转载 移动端
H5页面窗口自动调整到设备宽度,并禁止用户缩放页面<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />忽略将页面中的数字识别为电话号码<meta name="format-de...
2016-09-11 15:40:00
114
转载 面试题
1.对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更 多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件,容易维护、改版方便,不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用 性; 2.xhtml和html有什么区别 HTML是一种基本的...
2016-09-11 15:11:00
252
转载 前端知识
编写javascript深度克隆函数deepClonefunction deepClone(obj) { var _toString = Object.prototype.toString; // null, undefined, non-object, function if (!obj || typeof obj !== 'object') { ret...
2016-09-11 15:07:00
164
转载 我的工作心得
我的工作心得1.首先要把页面布局理解清楚再动手,确定哪里是需要切图,哪里是需要用代码编写的,同时注意能用代码编写的地方不要懒省事去切图。2.在写代码的时候要确定好类名,类名要语义化,同时在写代码的时候随时随地格式化自己的代码,一个板块写好把代码折叠起来,免得满屏代码,看的头晕。3.在编写代码的时候大写英文字母尽可能的小写4.在布局的时候尽量不要设置高度,除非必须,要设置宽度值,...
2016-09-04 18:01:00
84
转载 ajax按需加载分页组件
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <style type="text/css"> body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,te...
2016-09-04 18:00:00
74
转载 冬日的傍晚,纷飞的雪花
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>下雪</title> <style> *{ padding:0; margin:0; } #box{ margin:0 auto; width: 6...
2016-09-04 17:59:00
89
转载 CSS2伪类选择器要点
有四个选择器,分别是hover:鼠标悬停 link:链接不能使用时visited:链接被点击后active:链接被点击时,如果鼠标不放,就会一直触发active属性link在w3c中记录为链接未被点击时,实际上是当href属性不能使用时触发,列如<a href="#">南达科他级</a>此时会激活link属性如果某一个标签需要...
2016-09-04 17:47:00
62
转载 三级联动练习
<!DOCTYPE html><html><head><meta charset="utf-8"><title>三级联动</title></head><body>省:<select style="width: 100px;" id="pre" onchange="chg(this);"&...
2016-09-04 17:44:00
81
转载 css模糊效果
CSS代码:.blur { filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter: b...
2016-09-04 17:43:00
74
转载 php建立MySQL数据表
<?php$connect=mysql_connect("127.0.0.1","root","");mysql_select_db("bjh160303");if($connect){echo"链接成功";}else{echo"链接失败";}$building="create table json(id INT PRIMARY K...
2016-09-04 17:40:00
83
转载 http状态码
这些状态码被分为五大类:100-199 用于指定客户端应相应的某些动作。200-299 用于表示请求成功。300-399 用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。400-499 用于指出客户端的错误。500-599 用于支持服务器错误。HttpServletResponse中的常量代表关联不同标准消息的状态码。在servlet程序中,你会更多地用到这些...
2016-09-04 17:39:00
63
转载 网页加载的一般顺序
1.解析html结构2.加载样式表和外部脚本文件3.解析并执行脚本文件4.DOM树构建完成5.加载图片等外部文件6界面加载完成,执行load等事件转载于:https://www.cnblogs.com/new-Spring/p/5839832.html...
2016-09-04 17:37:00
115
转载 事件委托能够优化js性能
<!DOCTYPEhtml><html><head><meta charset="UTF-8"><title>面试题练习img居中</title><styletype="text/css">img{/*display: table-cell;vertical-a...
2016-09-04 17:35:00
80
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人