今天看到了这样一道题 用两种不同的方法来实现一个两列布局，其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化 自己感觉有好几种方法，再此总结下： 一、使用position：absolute方法，因为把元素设置为absolute，那元素就脱离了文档流，后面的元素就会占据他原来的位置： 无标题文档 .side{width:190px;height:80px;background-color:#F00;position:absolute;} .exta{height:...
需求： 在前端页面布局中，经常会有因文字过多而影响页面排版。特别是在移动端页面中，因屏幕宽度不够段落文字如完全显示则会打乱布局。因此若段落文字能根据屏幕空余大小而显示就完美了，也就是若屏幕够大，段落文字就完全显示，若屏幕很小，则段落文字以省略号的形式部分显示。 解决办法： 在CSS3中有text-overflow属性，不熟悉的同学可以点此查询。用来实现单行文本的溢出显示省略号，单行文本的溢出显示省略号在现代浏...
引入 开发工作中需要，除了今天要介绍的两种template，还有很多模板，但他们的终点都是相同的，都是为了开发的便利。 模板的作用 是一套模板语法，开发者可以通过写一个模板区域，每次根据传入数据，然后渲染成不同的html片段。 BaiduTemplate 举个:chestnut:栗子 首先需要下载 BaiduTemplate.js 接着引入一个栗子 test输出变量语句，输出title title: 1)...
当我们在做类似编辑功能的时候，会给定select选中默认值，然而mvc中偶尔这个功能不能用，或者是强类型的@Html.DropDownListFor不能用。凑巧今天遇到问题，解决问题时发现了mvc的一个小bug，做记录如下：后台无论用viewbag或是viewdata都不是重点，前台无论用@Html.DropDownList @Html.DropDownListFor都无所谓 重点是当后台用ViewData["typeBtnList"]=..... 或者ViewBag.typeBtnList =......前台用@Html.DropDownList("typeBtnLi...
标题说的很清楚了，这篇文章纯属班门弄斧，大神可随意喷。我只是结合自己4年不到的学习与使用.NET的水平。 首先说下这篇博客的背景吧。前两天有个我的读者加我微信，然后就有了下面这样的对话， 可能有些人第一眼看到这段对话会觉得我有点装13的感觉，后来想想我这样的回复可能真的会让一个刚入行的兄弟感到心凉，在这里说声抱歉。当时我回复他说有点忙的时候是已经过了一个小时，但当时确实在研究支付宝的一些东...
此文章同步连接： https://github.com/p2227/p2227.github.io/issues/2 # 2015年技术总结## 各个技术栈的实践* `ES6+babel` 的开发模式广泛应用在开发上，多了很多语法糖* `react` 组件化的开发，使得前端以往界面复杂，组合多的问题有了新的突破与解决* `redux` 函数式编程，能很方便地进行解耦与测试* `postcss` 应用于项目中，体会到一个all in js的原则，连css/html都先经过js处理，再输出## 综合利用各种资源解决问题* 综合...
CSS3重点总结(1)兄弟选择器：2种：+、 ~ 1.相邻兄弟选择器（+）：选择器1+选择器2 选择"选择器1"相邻的后一个兄弟"选择器2" 强调：选中的是自己相邻的下一个元素，不是自己 2.通用兄弟选择器（~）：选择器1~选择器2 选择"选择器1"之后的所有兄弟"选择器2" + 和~的区别： （1）+只选相邻一个，~选之后所有 （2）+要求必须相邻，如果相邻元素不满足+后选择器要求则不选 （3）~跳过之后所有不满足选择器条件的元素。 何时使用...
写网页的时候很多情况需要对图片进行操作，如何在不进行专业的美工裁切操作的情况下而让自己的素材度达到最大的满意度呢，这是一个问题，对于懒得开ps切图的我，通常会直接在网络上download一张图片，直接拖到html里，这就需要对图片的css样式进行一些调整，鉴于我总是记不住一些样式属性而无法让图片按我的想法摆放，不得已每次都要百度一下，几次下来，让我很是恼火，于是专门整理了一些css中关于图片的一些属性设置，置于此，以...
1.通配选择器 匹配所有元素 *{color:red;} 2.标签选择器 匹配所有p元素 p{color:red;} 3.ID选择器 匹配ID="div1"的元素 #div1{color:red;} 4.类选择器 匹配class="red"的元素，CSS和HTML对大小写不敏感，但ID是大小写敏感的。 .red{color:red;} 应用多个class，类名中间用空格隔开，class="red green"。元素将应用red和green的所有规则，重复规则只有一个生效，但不取决...
出于学习需要，自觉得把基本的bootstrap用法自己敲一遍，对每个用法有个较清晰的印象，所以做了本篇总结，这也是一个巩固的学习过程。 可点击左边的目录，方便速查。 按钮 a,input,button都可以设置为按钮 a标签按钮 button标签按钮 a标签按钮 button标签按钮 预置样式 default样式 primary样式 success样式 info样式 warning样式 danger...
引言 众所周知，在当今移动互联网大行其道的现在，基本上所有的年轻人都是使用过手机去浏览一些网站的资讯或者使用过手机去购物网站支付买过东西，但是大家有没有想过这样的网页是怎样改制作出来的呢？今天我们就来探讨一下这个问题 阅读读者具备基础 1、熟练的使用HTML和CSS 2、对HTML5和CSS3有一定的了解，这个不必深入 3、掌握JavaScript、jquery脚本语言 如果还不能具备以上基础的读者们建议你们还是去网上找...
Atitit.office word excel ppt pdf 的web在线预览方案与html转换方案 attilax 总结 1. office word excel pdf 的web预览要求1 1.1. 显示效果要好1 1.2. 可以自定义显示界面1 1.3. 不需要控件,兼容性好1 1.4. 支持编辑操作1 2. 纯html预览解决之道(自由的格式)1 3. 转换swf flash方案2 4. 转换pdf方式..更多的浏览器已经直接支持pdf格式查看2 5. 控件方式2 6. Hybrid调用客户端模式2 ...
做项目的时候发现正常的代码在360浏览器上样式都是乱的，翻阅资料才发现360是双核，分为极速模式和兼容模式，极速模式是用webkit内核，兼容模式是用trident内核（也就是IE内核）,最后加了一行代码就完美解决了 顺便总结一下浏览器默认的内核模式： 国内双核浏览器默认内核模式如下：1. 搜狗高速浏览器、QQ浏览器：IE内核（兼容模式）2. 360极速浏览器、遨游浏览器：Webkit内核...
web前端开发-移动端页面开发资源总结 工作了有一段时间，基本上都在搞移动端的前端开发，工作的过程中遇到过很多问题，bug的解决方案，记录下来，以便后用！！！内容并不是很全，以后每遇到一个问题都会总结在这里，分享给大家！ 一、meta标签相关知识 1、移动端页面设置视口宽度等于设备宽度，并禁止缩放。 2、移动端页面设置视口宽度等于定宽（如640px），并禁止缩放，常用于微信浏览器页面。 3、禁止将页面中的...
1. 构造样式表：selector{ Property:value; Property:value; } Selector是需要更改样式的元素，property为css属性的名称，value应用的哪种格式 2. /* 注释 */ 3. 当规则发生冲突时，服务器优先选择特殊性强的；靠后出现的；带有！important的 4. CSS属性的值可分为：继承值（在value处输入inherit），预定义值（left,right,none）,长度或者百分数，纯...