cai0_0-CSDN博客

原创多行文本溢出显示省略号(…)全攻略

参考网址：http://www.css88.com/archives/5206大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。css代码：overflow: hidden;text-overflow: ellipsis;white-space: nowrap;但是这个属性并不支持多行文本溢...

2018-09-29 23:15:12 351

原创 CSS设置input placeholder文本的样式

placeholder是HTML5 input的新属性，英文意思是占位符，它一般表示input输入框的默认提示值。/* webkit 浏览器*/#field1::-webkit-input-placeholder { color:#00f; }#field2::-webkit-input-placeholder {color:#090;background:lightgreen;te...

2018-09-29 23:11:54 1293

原创在H5中何时使用 Em 与 Rem

原文: http://www.w3cplus.com/css/when-to-use-em-vs-rem.html © w3cplus.comem 和 rem都是相对单位，由浏览器转换为像素值，具体取决于您的设计中的字体大小设置。如果你使用值 1em 或 1rem，它可以被浏览器解析成从16px到 160px 或其他任意值。例如：padding设置了1em，解析出来的值为16px另一方面...

2018-09-29 23:07:57 946

原创 HTML5 高级系列：web Storage

前言HTML5 的 web Storage 存储方式有两种：localStorage 和 sessionStorage。这两种方式都是通过键值对保存数据，存取方便，不影响网站性能。他们的用法相同，存储时间不同。localStorage 的数据保存在本地硬件上，可以永久保存，可以手动调用api清除数据。sessionStorage 保存在 session 对象中，会在浏览器关闭时被清除。w...

2018-09-29 23:06:18 272

原创 vue_介绍及安装

一、什么是vue.js？Vue.js是一个构建数据驱动的web界面的库。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。Vue.js 的核心是一个响应的数据绑定系统，它让数据与DOM保持同步非常简单。学习网址：http://cn.vuejs.org/guide/installation.html#NPMhttp://wiki.jikexueyuan.com...

2018-09-29 18:49:03 162

原创如何在github上展示作品

让项目生成一个快速访问的网址如（xxx.github.io）1.创建命名为 .github.io的仓库。这里的userName为用户名，一般是你注册时的用户名。2.将cai00.github.io这个仓库生成静态网页。进入cai00.github.io，点击设置按钮“Settings”。往下拉，如图会看到"Launch automatic page generator"这个按钮。这是...

2018-09-29 17:33:27 702

原创百度地图插件的调用方法的简单介绍

1、创建地图实例，创建点坐标var map = new BMap.Map("allmap"); // 创建地图实例var point = new BMap.Point(113.410551,22.532647); // 创建点坐标var searchInfoWindow = Array(); //定义一个显示搜索框的数组变量2、初始化地图，设置中心点坐标和地图级别map.c

2017-09-05 17:40:54 643

原创用jq设置web端浏览器自适应效果（兼容IE7以上）

1、定义判断浏览器的变量：var isFirefox = navigator.userAgent.indexOf("Firefox")>0 //判断火狐 ,isIE8 = navigator.userAgent.indexOf("MSIE 8.0")>0 //判断IE8 ,isChrome = navigator.userAgent.indexOf("Chr

2017-09-05 16:08:59 1181

原创简单的鼠标触发的轮播图效果

这也是我经常做这里写代码片专题的时候遇到的效果，记录一下吧~$("#id_ul li").on('mouseenter', function() { $(this).find(".f_showBox").show(); $(this).siblings().find(".f_showBox").hide(); $(this).siblings().css({'margin':

2017-09-05 11:55:17 526

原创用jq设置表单中的输入框占位符效果（兼容IE7以上）

input 中的 placeholder 属性规定可描述输入字段预期值的简短的提示信息，该提示会在用户输入值之前显示在输入字段中。注意：Internet Explorer 9 及之前的版本不支持标签的 placeholder 属性。输入框占位符效果，这是我经常在工作中需要兼容到IE7以上的专题页面遇到的问题，现在把它记录下来，方便大家作为参考吧~/*设置输入框占位符效果*/ //获得焦点的时候

2017-09-05 11:18:20 1182

原创如何使用Git和Github来管理自己的代码和学习笔记

如何使用Git和Github来管理自己的代码和学习笔记最近这几天又重新整理操作了一下如何用Git提交内容到GitHub远程仓库去，以及重新熟悉了一些如何操作GitHub仓库等，下面我便把一些操作步骤总结一下，方便以后记住，同时也帮助其它同学还不懂的话，可有作为借鉴吧~一、注册GitHub.com的账号（官网网址：https://github.com/）二、账号登录三、创建一个远程仓库，仓库分公开

2017-09-04 15:43:02 3342 1

原创用webpack搭建Vue2.x开发框架

上一周看了一下腾讯课堂的学习视频，然后学习到了如何搭建Vue2.x开发框架，刚好让我了解到我这半年接触到的商品库项目的开发内容里的配置文件，原来是这样子的配置，所以，我在这里总结记录一下，也为那些还不懂的同学，作为借鉴吧~一、vue以及vue-cli简介 1、vue介绍： Vue.js（读音 /vjuː/，类似于 view）是一套构建用户界面的渐进式框架。与其他重量级框

2017-08-28 18:05:15 727

原创 html+css 常用的知识点

我发现经常在工作中老是忘记一些简单的html标签的写法，因为不常用的代码，我就会遗忘，所以我需要整理记录一下，这样就可以很好的查看了。1、【平方米/㎡】 m² (注意：平方米的写法最好就是用代码转义，不然有些浏览器是不能解析的，比如：火狐)2、【input属性用法】 (1) <input type="text" id="id" readOnly>//只能读不能写

2016-04-29 18:39:32 472

从我开始写页面的那一刻起，我就发现了用左右浮动这个属性时，经常就会发现父元素不见了，没有想象中那样支撑起来包裹住里面的元素，后来通过网上查找，才知道原来这就是为什么需要清除浮动了。什么是CSS清除浮动？在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外

2016-04-22 17:55:16 461

原创用JavaScript 获取鼠标移动时的坐标(兼容:IE8、谷歌、Firefox)和用jquery方法的简单分析

前两天帮助同事一起弄了一下效果图项目，遇到了在后台里需要在效果图上获取鼠标的坐标。因为我们的js都是刚开始学习的，所以我们就只能上网找了一些方法，一开始我们是用jq的方法，结果发现存在了兼容问题。列如：<body> <img id="addInput" src="images/1.jpg" style="width: 500px; height: 400px;" value=" "/><s

2016-04-22 15:46:43 881

原创 CSS文档规范

这是我一开始学习css时需要遵守的css规范，也是我一直到现在也在遵守的规范，顺便把它记录下来，方便查阅，同时也希望更多人知道这些规范。 CSS文档规范一、文件规范 1、文件均归档至约定的目录中（所有的CSS分为两大类：通用类和业务类。）  通用类的CSS文件，放在如下目录中： 1、核心样式库 /css/core 2、公用样式库 /css/lib 3、组件样式库 /css/ui

2016-04-22 12:04:20 954 1

原创如何添加页面链接网址的图标

之前在做页面的时候都没有接触过要弄页面的链接网址的图标，那天我做项目的时候无意中就发现了这个问题，当我们打开一个网页的时候为什么都会有一个标志性网址的图标，它又是怎么添加上去的呢？带着好奇心，然后我就开始研究了一下我们公司项目里的网址图标，通过查看代码，我才发现原来是这样子添加的。代码如下：在中添加这句代码就可以实现了，而且图片还是ico格式的，原来如此简单，感觉自己又学到了一点知

2016-04-21 21:59:55 2473

cai0_0的博客