
【前端开发】
灵熙兔
这个作者很懒,什么都没留下…
展开
-
常见浏览器兼容问题及解决技巧
1.不同浏览器的标签默认的外补丁和内补丁不同问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。碰到频率:100%解决方案:css里 *{margin:0;padding:0;}备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的css文件开头都会用通配符*来设置各个标签的内外补丁是0。2.块属性标签float后,又有横行的mar原创 2016-04-26 17:10:34 · 667 阅读 · 0 评论 -
知识总结
1. input文本框禁止输入的几种方法a. readonly说明此域的值不可修改,只可与 type=”text” 配合使用,可复制,可选择,可接收焦点,后台会接收到传值。 <input type="text" name="www.xxx" readonly="readonly" />b. disabled表示禁用input元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值。<i原创 2016-07-21 10:33:06 · 229 阅读 · 0 评论 -
web前端CSS开发中的10个不要
1.不要滥用类 在有意义的地方使用ID而不要使用类。这是一个使得浏览器能够更快访问DOM元素的方法。 2.不要把一切都扔进一个CSS文件中 分区CSS使其更易于管理。每一个CSS文件都可以分解成例如header.css、footer.css等逻辑组件。 3.不要命转载 2016-08-05 22:57:33 · 343 阅读 · 0 评论 -
sublime Text
sublime Text 的使用笔记原创 2016-10-01 11:48:49 · 1246 阅读 · 0 评论 -
Less学习总结
一、less简介 Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。 本质上,Less 包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的 CSS 文件。Less并没有裁剪 CSS 原有的特性,更不是用来取代 CSS 的,而是在现有 CSS 语法原创 2016-11-23 09:40:59 · 897 阅读 · 0 评论 -
Git代码管理工具
Git代码管理工具安装与使用说明: 一、准备工作 1) 使用Git首先你得有一个github账号,注册地址:https://github.com/,然后登录。 2) 接着,在github上点击create new, new repository, 随便输入一个项目名称即可,注意选上init this repository with readme(不选择也可以,事后再自己编辑)原创 2016-11-23 14:10:19 · 6618 阅读 · 0 评论 -
Node.js环境搭建
Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。简单的说 Node.js 就是运行在服务端的 JavaScript。如果你是一个前端程序员,你不懂得像PHP、Python或Ruby等动态编程语言,然后你想创建自己的服务,那么Node.js是一个非常好的选择。node.js的下载安装 下载地址:h原创 2016-09-23 11:49:38 · 375 阅读 · 0 评论 -
前端页面编码
escape()、encodeURI()、encodeURIComponent()区别详解: JavaScript中有三个可以对字符串编码的函数,分别是: escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent 。下面简单介绍一下它们的区别1、 escape()函数 escape() 函转载 2016-12-27 11:38:15 · 1230 阅读 · 0 评论 -
vuejs+element中使用minicolor颜色插件
vuejs+element开发中使用颜色选择器没有什么好方法,经过一番研究决定使用jquery的minicolor颜色插件。 效果图: 点击输入框就会出来颜色选择窗口,同时复制到输入框#16进制颜色,右侧也会出颜色 html代码:<el-form-item label="色调" class="is_required" prop="color"> <input ty原创 2017-02-06 14:11:55 · 6168 阅读 · 0 评论 -
开发中问题总结
兔博主这一阵在北京实习前端,虽然晚上不加班单还是没有时间更新博客,平常开发中的小问题解决后也忘了回顾记笔记,现在得空能想起来点是点吧(这里都是vue.js开发环境)一、event事件 在开发中,我们要常常用到event对象来处理一些事件: 1、在火狐浏览器怎么获取event的方法 火狐浏览器中,调用函数如果不传递event作为参数是无法获取事件的,需要在函数调用时传递event : HTML原创 2017-01-24 11:55:19 · 416 阅读 · 0 评论 -
url
十年来感受的前端技术变化:http://www.weixinyidu.com/n_2730343 码农小兵:http://www.devdo.net/web/js Java之GUI编程(一):http://blog.youkuaiyun.com/dandanzmc/article/details/24437181vue文档: vue2文档:http://cn.vuejs.org/v2/guide/ ,原创 2017-03-08 09:50:30 · 1468 阅读 · 0 评论 -
dataTables插件-四种数据来源
四种数据来源: 对于jQuery dataTables 来说,支持四种表格数据来源。 最为基本的就是来源于网页,在 dataTables 中称为 DOM 来源。$(document).ready(function() { $('#example').dataTable();} );第二种数据来源为javascript中的数组,通过在初始化对象中传递一个名为 aaData 的数组,同转载 2016-07-09 18:01:15 · 5485 阅读 · 0 评论 -
mysql sql语句大全
1、说明:创建数据库 CREATE DATABASE database-name 2、说明:删除数据库 drop database dbname 3、说明:备份sql server — 创建 备份数据的 device USE master EXEC sp_addumpdevice ‘disk’, ‘testBack’, ‘c:\mssql7backup\MyNwind_1.dat’转载 2016-07-08 10:54:40 · 330 阅读 · 0 评论 -
切图
一,PS界面设置 1 .新建>预设自定义,宽度1920,高度自定义,分辨率72,背景内容 透明>存储预设2 .移动工具设置 左栏 自动选择不要勾 ,右边选择图层3 . 视图设置显示>智能参考线标尺4 .窗口:历史记录图层字符信息:面板选项>第一颜色模式RGB,第二颜色模式RGB,鼠标坐标像素文档尺寸编辑>首选项>单位与标尺,单位:像素 存储工作区:设置窗口>工作区>新建工作原创 2016-05-24 19:58:58 · 272 阅读 · 0 评论 -
前端推荐学习网站
前端乱炖 : http://www.html-js.com/ 这个网站是我去得很多的一个网站,里面有一个专栏模块,用于展示各种原创文章,原创翻译文章,知识性比较强,内容比较专业和系统。Div.IO: http://div.io/pro/index 高质量的前端社区,聚集了很多各大公司前端牛人CNode:Node.js专业中文社区 https://cnodejs.org原创 2016-04-26 17:32:33 · 594 阅读 · 1 评论 -
5种JavaScript和CSS交互的方法
随着浏览器不断的升级改进,CSS和JavaScript之间的界限越来越模糊。本来它们是负责着完全不同的功能,但最终它们都属于网页前端技术,它们需要相互密切 的合作。我们的网页中都有.js文件和.css文件,但这并不意味着CSS和js是独立不能交互的。下面要讲的这五种JavaScript和CSS共同合作的方法你也许未必知道!用JavaScript获取伪元素(pseudo-element)属性转载 2016-05-04 20:06:15 · 741 阅读 · 0 评论 -
淘宝网站前端分析
你发现快要过年了,于是想给你的女朋友买一件毛衣,你打开了www.taobao.com。这时你的浏览器首先查询DNS服务器,将www.taobao.com转换成ip地址。不过首先你会发现,你在不同的地区或者不同的网络(电信、联通、移动)的情况下,转换后的ip地址很可能是不一样的,这首先涉及到负载均衡的第一步,通过DNS解析域名时将你的访问分配到不同的入口,同时尽可能保证你所访问的入口是所有入口中可能较转载 2016-06-27 16:25:01 · 2422 阅读 · 0 评论 -
笔试题锦集一:
1.jpg,png-8,png24,gif 这几个图片格式有什么不同,在网页中如何使用 都是位图,但在记录这些数据时的方式却不一样: JPG是采用有损压缩对图像信息进行处理的图片格式。很多细节信息被去除,放大时会产生块状模糊 png采用无损压缩,通过颜色索引和调色板会尽可能真实的还原图像,PNG8最多只能索引256种 颜色,所以对于颜色较多的图像不能真实还原;PNG24则可以保存1600多万种原创 2016-06-22 10:35:40 · 373 阅读 · 0 评论 -
响应式设计
一、原则: 1.移动优先:在设计的初期就要考虑到页面如何在多终端展示 2.渐进增强:充分发挥硬件设备的最大功能(比如低端浏览器不支持css3,但是高端浏览器支持css3)二、如何实现响应式布局 三种方案: 1 . CSS3 Media Query 媒体查询 2 . 接触原生JS (针对低端浏览器,成本高 不推荐) 3 . 第三端开源框架 (可以很好的支持浏览器响应式布局,bootstra原创 2016-07-11 16:32:10 · 565 阅读 · 0 评论 -
web前端开发:Http协议
超文本传送协议 (HTTP-Hypertext transfer protocol) 定义了浏览器(即万维网客户进程)怎样向万维网服务器请求万维网文档,以及服务器怎样把文档传送给浏览器。从层次的角度看,HTTP是面向(transaction-oriented)应用层协议,它是万维网上能够可靠地交换文件(包括文本、声音、图像等各种多媒体文件)的重要基础。一、从输入URL到页面加载完成的过程中都发生了什原创 2016-06-27 16:23:44 · 3204 阅读 · 0 评论 -
css之line-height
bobo昨天去搜狗面试遇到一个技术疏漏之CSS line-height,回来补一下: 什么是line-height呢 顾名思义是行高,表示两行文字基线之间的距离 1,何为基线?字母下边缘的位置,目的为了使英文字母排列整齐(英语作业本上的倒数第二条加粗线),基线是任意线(中线,上边缘线,下边缘线……)定义的基础2 . 为何line-height能让单行文本垂直居中? (1)line-heigh原创 2016-07-02 11:46:15 · 362 阅读 · 0 评论 -
试题锦集
1.什么是css sprite?优缺点?CSS Sprite是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星图片都包含到一张大图中去,这样,在访问页面时,就只需请求一次就可以了,而不必一次次向服务器发送请求。它的原理就是把见面中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,”background-repeat”,”background-posi原创 2016-04-13 19:31:06 · 532 阅读 · 0 评论 -
JQuery学习二: DOM操作
一.节点的操作1.查找节点:var $var_1=$("htmltype"); //这句话就是获取所有htmltype节点如:var $ul_1=$("ul");2.创建并追加节点: 创建节点:常见的就是直接把这个节点的结构给通过HTML标记字符串描述出来,通过$()函数处理, var $var_1=$("<htmltype>");//这句话是创建一个节点$("htmltype2").appe原创 2016-06-20 09:57:45 · 6807 阅读 · 0 评论