Web系统开发
文章平均质量分 68
{丸の子}
这个作者很懒,什么都没留下…
展开
-
CSS--怪异盒子模型
因为父盒子无边框时子元素增加 margin 会造成外边距穿透,此时需要给父盒子添加 padding ,添加 padding 会增大父盒子,需要手动重新计算父盒子 width ,因此利用怪异盒子模型省略重新计算 width 这一步。正常盒子下,当增加内边距时,如果想保证盒子和之前一样大,需要手动重新计算 width ,怪异盒子模型则省略该步。当父盒子无边框时,子盒子增加 margin 会造成外边距穿透。解决方法:给父盒子设置padding: 10px 0;转载 2022-09-15 11:43:20 · 414 阅读 · 0 评论 -
小程序textarea完美填坑
相信做微信小程序的码友们都被textarea这个原生组件坑过,什么placeholder位置错乱,穿透弹窗或遮罩层,ios上输入法弹起后换行输入内容遮挡,删除输入内容时内容被遮挡等等。。。反正综上所述我全遇到了,埋完一个坑又出一个新坑,在埋坑过程中数次想过放弃(就想跟老板说这是小程序的bug解决不了),但想想自己曾经夸下的海口(没有搞不定的,只有不想搞的),又默默地把手放在鼠标键盘上!先上一个完美填坑后的效果图: 解决页面滚动时placeholder/输入内容不随textarea组件滚动,经转载 2020-07-07 16:08:11 · 375 阅读 · 0 评论 -
初探和实现websocket心跳重连
原创 2017-06-28 15:20:21 · 123 阅读 · 0 评论 -
Data URI 和 MHTML
,[/quote]MIME-type:指定嵌入数据的MIME。其形式是[type]/[subtype]; parameter,比如png图片对应的MIME是image/png。parameter可以用來指定附加的信息,更多情況下是用于指定text/plain和text/htm等的文字编码方式的charset参数。默认是text/plain;charset=US-ASCII。base64:声明后面的数据的编码是base64的,否则数据必须要用百分号编码(即对内容进行urlencode)。在原创 2013-07-06 14:07:19 · 71 阅读 · 0 评论 -
js Swiper移动设备触控滑块的框架
原创 2016-08-29 16:20:40 · 60 阅读 · 0 评论 -
CSS3控制文字只显示一行超出部分显示省略号
原创 2016-08-08 16:43:16 · 257 阅读 · 0 评论 -
Web 前端开发者必知的9 个 CSS3 属性
原创 2012-09-25 17:08:35 · 71 阅读 · 0 评论 -
node js搭建和实例
网上下载WebStorm,下载安装,地址忘了3.用WebStorm建node js项目4.下载插件 npm install ejs //这个是支持直接写html,用jade太郁闷了换 //npm install mysql //数据库连接(先不用这个用下面那个) npm install libxmljs //读取xml npm -install -g原创 2016-06-30 20:13:07 · 66 阅读 · 0 评论 -
css 设置元素背景为透明
原创 2012-08-23 12:34:05 · 82 阅读 · 0 评论 -
meta 之 viewport(移动网页的全屏)
原创 2012-08-01 09:55:10 · 146 阅读 · 0 评论 -
vue组件大集合 component
原创 2017-09-07 10:00:26 · 86 阅读 · 0 评论 -
在idea里使用vue,设置tab缩进为4
原创 2019-01-21 15:32:26 · 1052 阅读 · 0 评论 -
在idea里使用vue,设置tab缩进为4
原创 2019-01-21 15:32:26 · 1807 阅读 · 0 评论 -
vue组件大集合 component
原创 2017-09-07 10:00:26 · 92 阅读 · 0 评论 -
初探和实现websocket心跳重连
原创 2017-06-28 15:20:21 · 99 阅读 · 0 评论 -
js Swiper移动设备触控滑块的框架
原创 2016-08-29 16:20:40 · 69 阅读 · 0 评论 -
CSS3控制文字只显示一行超出部分显示省略号
原创 2016-08-08 16:43:16 · 206 阅读 · 0 评论 -
node js搭建和实例
网上下载WebStorm,下载安装,地址忘了3.用WebStorm建node js项目4.下载插件 npm install ejs //这个是支持直接写html,用jade太郁闷了换 //npm install mysql //数据库连接(先不用这个用下面那个) npm install libxmljs //读取xml npm -install -g原创 2016-06-30 20:13:07 · 76 阅读 · 0 评论 -
jquery.bootstrap.teninedialog.v3.js使用说明
原创 2015-12-27 12:37:58 · 92 阅读 · 0 评论 -
好用的前端框架(更新中)
原创 2015-12-19 08:44:32 · 63 阅读 · 0 评论 -
jquery.bootstrap.teninedialog.v3.js使用说明
原创 2015-12-27 12:37:58 · 76 阅读 · 0 评论 -
好用的前端框架(更新中)
原创 2015-12-19 08:44:32 · 63 阅读 · 0 评论 -
css3 写了个种纸张贴纸效果
jpg[/img][img]http://dl.iteye.com/upload/attachment/565995/fc374969-467e-332a-8a26-c8d0072ba17b.jpg[/img]css:[code="java"]*{margin: 0;padding:0;} body {margin: 0; padding: 20px 100px;background-color: #f4f4f4;} pre{max原创 2011-10-09 14:04:45 · 111 阅读 · 0 评论 -
js Swiper移动设备触控滑块的框架
官方:[url]http://www.swiper.com.cn/[/url]原创 2016-08-29 16:20:40 · 101 阅读 · 0 评论 -
CSS3控制文字只显示一行超出部分显示省略号
在编写网页的时候,我们希望文字不换行,特别是在新闻列表的时候,文字多了就添加省略号,不用程序去判断字符,英文和汉字的字符数量是不对应的,一个汉字占两个英文字符的位置,如果一行出现了英文字符,裁切就不准确了,不过用css可以办到控制文字只显示一行,超出部分显示省略号,如果需要强制换行,看最后首先来看一个例子:[code="html"] 省略我吧! 省略我吧! 省略我吧! 省略我吧...原创 2016-08-08 16:43:16 · 2079 阅读 · 0 评论 -
node js搭建和实例
我的电脑是mac电脑,所以只写mac电脑上的流程,关于windows上的流程其实也差不多了1.去官网下载node js最新版本,并安装[url]http://nodejs.cn/[/url]2.去网上下载WebStorm,下载安装,地址忘了3.用WebStorm建node js项目4.下载插件 npm install ejs ...原创 2016-06-30 20:13:07 · 104 阅读 · 0 评论 -
Data URI 和 MHTML
Data URIData URI是由RFC 2397定义的一种把小文件直接嵌入文档的方案。通过如下语法就可以把小文件变成指定编码直接嵌入到页面中:[quote]data:[][;base64],[/quote]MIME-type:指定嵌入数据的MIME。其形式是[type]/[subtype]; parameter,比如png图片对应的MIME是image/png。paramete...原创 2013-07-06 14:07:19 · 82 阅读 · 0 评论 -
Web 前端开发者必知的9 个 CSS3 属性
CSS可以改进网站的设计并且开拓网站设计更多的可能性,可以令你的网页更具吸引力。对于前端开发者、网站设计师来说,掌握并熟练应用CSS是一项必不可少的技能。 下面列出了一些非常实用的CSS3属性和使用技巧,希望能够为你的开发、设计工作带来一些帮助。 [b]1. 圆角效果 [/b]如今的Web设计在不断跟进最新的开发技术,纷纷采用HTML5来开发多样性的Web应用。HTML5...原创 2012-09-25 17:08:35 · 190 阅读 · 0 评论 -
css 设置元素背景为透明
要设置某一元素的背景为透明,在 chrome 、firefox、opera 下是这样的:[code="java"]background-color: rgba(0, 0, 0, 0.4); [/code]rgba 中的最后一个参数 0.4 就是想要的透明度,范围在0~1之间。在 ie 中一般是这样的:[code="java"]background-color: rgb(0...原创 2012-08-23 12:34:05 · 219 阅读 · 0 评论 -
meta 之 viewport(移动网页的全屏)
整理硬盘中几个月来整的小东西,移动网页开发涉及到 viewport,随意一篇,分享一下。常用的 viewport meta 如下:[code="java"]原创 2012-08-01 09:55:10 · 166 阅读 · 0 评论 -
Cookie, iframe 与 P3P 的那点事儿
关于Cookie, iframe 与 P3P,自己不是很清楚,查询了相关资料,把相关心得贴出来。应用场景: 比如一个 www.a.com中有个服务应用是引用b.com域的, 通常情况下用户的隐私策略设置为中或者更高.在b.com域的cookie是不能够正常读取的,但是服务端能够改变用户对b.com域的隐私策略使b.com域下的cookie正常存取. 也可以说是利...原创 2011-08-03 14:13:57 · 176 阅读 · 0 评论 -
好用的前端框架(更新中)
Bootstrap[url]https://github.com/twbs/bootstrap/[/url][url]http://v2.bootcss.com/index.html[/url]Semantic UI[url]http://www.semantic-ui.cn/[/url]UIkit是YOOtheme团队开发的一款轻量级、模块化的前端框架可快速构...原创 2015-12-19 08:44:32 · 98 阅读 · 0 评论 -
jquery.bootstrap.teninedialog.v3.js使用说明
[url]http://www.xnwai.com/teninedialog/indexv3.html[/url]支持bootstrap3.0以上版本,支持远程url调用原创 2015-12-27 12:37:58 · 199 阅读 · 0 评论 -
初探和实现websocket心跳重连
心跳重连缘由在使用websocket过程中,可能会出现网络断开的情况,比如信号不好,或者网络临时性关闭,这时候websocket的连接已经断开,而浏览器不会执行websocket 的 onclose方法,我们无法知道是否断开连接,也就无法进行重连操作。如果当前发送websocket数据到后端,一旦请求超时,onclose便会执行,这时候便可进行绑定好的重连操作。因此websoc...原创 2017-06-28 15:20:21 · 489 阅读 · 0 评论 -
Cookie, iframe 与 P3P 的那点事儿
通常情况下用户的隐私策略设置为中或者更高.在b.com域的cookie是不能够正常读取的,但是服务端能够改变用户对b.com域的隐私策略使b.com域下的cookie正常存取. 也可以说是利用p3p解决第三方cookie存取的问题。 第一方Cookie:是来自当前正在查看的网站,或者发送到当前正在查看的网站。 第三方Cookie:是来自当前正在查看的网站以外的网站,或者发送到当前正在查看的网站以外的网站。第三方网站通常提供正在查看的网站上的内容。例如,许多站点使用来自原创 2011-08-03 14:13:57 · 89 阅读 · 0 评论 -
Data URI 和 MHTML
,[/quote]MIME-type:指定嵌入数据的MIME。其形式是[type]/[subtype]; parameter,比如png图片对应的MIME是image/png。parameter可以用來指定附加的信息,更多情況下是用于指定text/plain和text/htm等的文字编码方式的charset参数。默认是text/plain;charset=US-ASCII。base64:声明后面的数据的编码是base64的,否则数据必须要用百分号编码(即对内容进行urlencode)。在原创 2013-07-06 14:07:19 · 56 阅读 · 0 评论 -
Web 前端开发者必知的9 个 CSS3 属性
原创 2012-09-25 17:08:35 · 68 阅读 · 0 评论 -
css 设置元素背景为透明
原创 2012-08-23 12:34:05 · 88 阅读 · 0 评论 -
meta 之 viewport(移动网页的全屏)
原创 2012-08-01 09:55:10 · 183 阅读 · 0 评论 -
css3 写了个种纸张贴纸效果
jpg[/img][img]http://dl.iteye.com/upload/attachment/565995/fc374969-467e-332a-8a26-c8d0072ba17b.jpg[/img]css:[code="java"]*{margin: 0;padding:0;} body {margin: 0; padding: 20px 100px;background-color: #f4f4f4;} pre{max原创 2011-10-09 14:04:45 · 91 阅读 · 0 评论