2016 年 7月随笔档案 - youyi2016

css布局实践心得总结

摘要：一、摘要：今天在写一个页面，对css中的BFC（块级格式化范围）有了一点体会，今天把遇到的问题和解决方案总结下来，额外还总结一下强大的负外边距的使用心得。二、总结：主体部分整体居中显示，主体部分看上去像是三列，实质上只有一列，两边的内容都是放在中间的文本里面，这里就是用了强大的负外边距达到的效阅读全文

posted @ 2016-07-31 22:16 youyi2016 阅读(3233) 评论(0) 推荐(1)

js引用类型之valueof和tostring（三）

摘要：一、摘要：《javascript高级程序设计第三版》一书中单独有一章对js的引用类型（Object、Array、RegExp、Function；基本包装类型：Boolean、Number、String；单体内置对象：Global、Math）做了详细的介绍，这里不会详细的总结各种引用类型的使用方法，阅读全文

posted @ 2016-07-29 21:31 youyi2016 阅读(565) 评论(0) 推荐(0)

用jquery在必填表单字段前加红星总结

摘要：一、总结：今天公司项目中要求给表单中的必填字段添加标记，因为表单字段比较多，后期又有可能某些字段会有变化，所以写了一段js代码来给表单添加标记。 html代码： js代码：关键步骤： 1.红星的设计： 2.找到指定input控件前的label标签，用jquery中的prev（）方法： 3.在找到阅读全文

posted @ 2016-07-28 20:28 youyi2016 阅读(6230) 评论(8) 推荐(0)

文字对齐之text-align总结

摘要：一、文字对齐总结：下面是我实际运用中遇到的问题总结： css代码：效果（段落文字没有对齐）：去掉html中的<p>标签，css样式同样去掉p标签，效果如下（达到预期效果）：为什么在div中加<p>标签再给p设置样式段落的最后一行会不对齐？仔细一看写的样式发现了问题所在：我之前用这样的后代阅读全文

posted @ 2016-07-26 20:59 youyi2016 阅读(4526) 评论(0) 推荐(0)

css之四大类选择器

摘要：一、选择器：关于组合选择器之间的区别：后代选择器（A B）与子选择器（A>B）之间的区别：后代选择器：子选择器：总结：后代选择器的作用范围是一个元素里面包含的所有元素，即包括的是所有的后代，子选择器的作用范围只是一个元素的自己的孩子（不包括孩子的孩子等其他后代）。相邻兄弟选择器（A+B）阅读全文

posted @ 2016-07-26 13:36 youyi2016 阅读(569) 评论(0) 推荐(0)

监听表单中的内容变化

摘要：一、总结：今天项目中要给表单控件添加搜索选择的效果，如下：红框圈住的表单被点击之后，弹出如下框：然后根据用户的搜索条件要显示查询结果供用户选择。总结如何监听表单中的内容变化：方法一： 1. 实现代码：上面的代码实现出来的效果（类似百度搜索框）是,当用户在搜索框中输入查询条件，每当搜索框中阅读全文

posted @ 2016-07-23 22:35 youyi2016 阅读(3547) 评论(0) 推荐(0)

ajax请求获取的数据无法赋值给全局变量问题总结

摘要：一、总结： 1.问题描述：今天做项目遇到在用表单显示详细信息的过程中ajax请求获取的数据无法赋值给全局变量的情况，从列表页面进入详情页，在详情页面被渲染了之后就会调用js文件里的接口向服务器请求数据，除了详情页面被加载之后需要向服务器发送ajax请求，在详情页面还有几个表单控件的属性需要去请求服阅读全文

posted @ 2016-07-23 22:31 youyi2016 阅读(2622) 评论(0) 推荐(2)

mui中的关闭页面的几种方法

摘要：一、总结： mui中关闭当前页面的几种方式： 1.swipeBack（暂未测试过） 2.keyEventBind（暂未测试过） 3.给标签的class加.mui-action-back（返回的是前一个页面） 4.也可以直接调用mui.back()方法，实现关闭页面逻辑例如在实现查询功能的时候，在查阅读全文

posted @ 2016-07-21 16:51 youyi2016 阅读(4216) 评论(0) 推荐(0)

css之伪类选择器:before :after(::before ::after)

摘要：一、总结： ::before是在标签内容前面添加内容， ::after是在标签内容后面添加内容 ::before ::after与:before :after的区别：css3中修订后的伪元素使用：：两个冒号，使用单冒号和双冒号的功能还是一样，IE8只支持单冒号的伪元素，所以使用单冒号的最安全。关于阅读全文

posted @ 2016-07-20 20:45 youyi2016 阅读(908) 评论(0) 推荐(0)

AngularJs初步学习笔记（part1）

摘要：一、摘要： angular是采用JavaScript编写的前端mvc框架，帮助开发者编写现代化的单页面应用。它尤其适用编写有大量CRUD操作的，具有Ajax风格的客户端应用。二、总结： AngularJs中的mvc模式（model-view-control）: AngularJs应用的基本元素介绍阅读全文

posted @ 2016-07-19 09:56 youyi2016 阅读(263) 评论(0) 推荐(1)

html5之history对象控制浏览器前进或后退事件

摘要：一、摘要：总结用history对象操作浏览器的历史记录的方法，在项目中使用的是mui框架，总结中包括我在实际项目中遇到的问题。二、总结：实现效果：实现代码：上面的编辑页面加载的时候就要先调用一次pushHistory()方法，如果不先调用一遍，在第一次点击浏览器上的返回按钮时，不会弹出提示阅读全文

posted @ 2016-07-17 22:37 youyi2016 阅读(7933) 评论(0) 推荐(0)

css之position相对定位和绝对定位

摘要：一、position的四个值：static、relative、absolute、fixed。绝对定位：absolute和fixed统称为绝对定位相对定位：relative 默认值：static 二、relative定位与absolute定位的区别实例： HTML代码： css代码：初始效果：阅读全文

posted @ 2016-07-15 14:49 youyi2016 阅读(10493) 评论(0) 推荐(4)

css3之transform的应用

摘要：一、利用transform实现图片额外显示效果图如下初始状态：鼠标移上去之后：背景色的问题鼠标移上去之后图片变的模糊一些了。关键是显示右下角的白色部分，在figcation里面除了添加了文字内容，还添加了一个div。用这个div来达到我们想要的右下角白色区域的效果。思路：先给div设置足够阅读全文

posted @ 2016-07-07 21:47 youyi2016 阅读(355) 评论(0) 推荐(0)

css中的继承、层叠、样式优先级机制

摘要：一、继承与层叠：注：二、样式优先级机制： 1.css中的选择器有如下几类：总的来说样式优先级机制为如下几点： 1.优先级就近原则，同权重情况下样式定义最近者为准; 2.载入样式以最后载入的定位为准; 优先级为: !important > id > class > tag important 比阅读全文

posted @ 2016-07-07 21:11 youyi2016 阅读(697) 评论(0) 推荐(0)

js之浏览器对象模型（BOM）

摘要：一、BOM的层次结构： window（可以访问BOM中的所有元素，是最顶层的元素）下一层包括如下： →document （document的属性：forms、cookie、links/anchors、images...） →navigator →location 与页面位置相关(属性（常用）：hre 阅读全文

posted @ 2016-07-05 22:29 youyi2016 阅读(585) 评论(0) 推荐(0)

js中的script标签

摘要：在页面中用script标签引入javascript文件（<script type="text/javascript" src="js文件地址"></script>），浏览器在渲染页面的时候，当读取到script元素时，浏览器不会以HTML或XHTML的方式处理其内容，浏览器会通知浏览器的脚本引擎来接阅读全文

posted @ 2016-07-03 22:39 youyi2016 阅读(3205) 评论(1) 推荐(0)

json在项目中的应用大总结

摘要：一、摘要刚开始接触json的时候，那时候还不太清楚json到底是个什么东西，然后就在项目中使用了它。因为没有搞明白json的本质，所以刚开始使用json的时候走了不少弯路。这次总结一些json的知识，总结主要是想梳理一下自己使用json的一些应用场景，让自己对json有一个更深刻的认识，以后在项目阅读全文

posted @ 2016-07-03 11:26 youyi2016 阅读(12269) 评论(0) 推荐(0)

Una

公告

07 2016 档案