
web开发
文章平均质量分 56
tonyhzw
这个作者很懒,什么都没留下…
展开
-
PHP、html通过ajax实现json的方法
PHP:方法一:将数据编码成已知的json类型(下面的例子中数据可通过echo替换成真实的数据)header('Content-Type:text/json');$json='{"city":"changsha","street":"yuelu","school":"csu"}';echo $json;方法二:使用PHP中的数组和json_encode()函数进行编码,这里jso原创 2013-12-31 09:58:43 · 627 阅读 · 0 评论 -
页面内容不足时底部栏仍能在底部
页面内容不足时底部栏仍能在底部时的处理情况原创 2017-04-02 09:04:52 · 913 阅读 · 0 评论 -
setInterval定时器(先触发一次再延时)
setInterval第一次延迟问题原创 2017-01-10 23:36:01 · 41143 阅读 · 1 评论 -
nodejs里mysql的相关操作
nodejs的mysql相关介绍原创 2017-04-03 23:56:11 · 1824 阅读 · 0 评论 -
网站搭建心得
web博客搭建心得原创 2017-04-02 21:37:02 · 1416 阅读 · 0 评论 -
自定义下拉菜单的收缩实现
本功能第一次遇到是在百度2017年暑期实习生招聘时遇到的,当时的要求是:实现一个类似百度搜索时,输入给出候选词的功能。原创 2017-04-04 13:01:55 · 2319 阅读 · 0 评论 -
[web效果实现-1]瀑布流实现
开发时基本都是用现成的框架和开发好的插件,很少现写现用。最近感觉手写技法生疏了,遂准备实现几个常用的前端插件。首先,瀑布流。 瀑布流:渲染若干图片, 其中图片宽度相同,高度不等。写的时候,本想找一个例子,却没找到一个例子,淘宝、蘑菇街等渲染基本规整的方块。这里找了网上的插件效果图如下: 不考虑使每列均匀高度不考虑鼠标滑动问题,仅每次滑动时生成瀑布流思路:除第一...原创 2018-06-03 11:54:20 · 2576 阅读 · 0 评论 -
《高性能网站建设指南》阅读摘抄
最近很久没有看前端相关书籍,有所生疏了。今天看到《高性能网站建设指南》,觉得还行,内容不多,不到200页,却将常见的前端提升网站性能的方法进行了罗列:减少http请求图片地图 css spirits 内联图片:通过data:URL模式 合并脚本和样式表使用内容发布网络内容发布网络cdn: 分布于不同地理位置的服务器。优点:可缩短响应时间,备份、扩展存储能力...原创 2018-05-28 23:11:02 · 1013 阅读 · 0 评论 -
跨域请求的几种方式
什么是跨域 浏览器的同源策略,凡是发送请求的url的 协议、域名、端口号三者之间任意一者与当前页面地址不同的极为跨域。JSONP 通过动态插入一个script标签。由于浏览器对script标签没有同源限制。 实际中,jsonp通常用来获取json数据,这时前后端约定一个callback。 缺点: - 无法发送post请求 - 确定jsonp的请求是否原创 2018-06-11 20:32:25 · 2447 阅读 · 0 评论 -
URL编码函数
encodeURI(URIstring):把字符串当作URL进行编码,返回URIstring 的副本,其中的某些字符将被十六进制的转义序列进行替换,所有非(基本字符、Mark字符和保留字符)进行转义编码 该方法不会对ASCII字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ' ( ) 。原创 2018-06-11 20:33:26 · 915 阅读 · 0 评论 -
Sass与Less的区别
LessLess (Leaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言。因为 Less 和 CSS 非常像,Less 仅对 CSS 语言增加了少许方便的扩展,学习很容易。 使用方法:// Node.js 环境中使用 Lessnpm install -g less// 编译: lessc styles.less styles.css// 在浏览...原创 2018-06-12 21:31:33 · 4660 阅读 · 0 评论 -
[web效果实现-2]基础计算器实现
本文主要是实现了基础计算器,如加、减、乘、除、百分比、正负等,逻辑比较简单,不一一展开。效果如下: 主要代码如下:<!doctype html><html><head> <style> .container{ background-col原创 2018-06-13 23:10:55 · 531 阅读 · 0 评论 -
[web效果实现-3] 拼音排序通讯录实现
通讯录已经成为app的一种基本功能,将中文汉字按照一定顺序排序(一般为第一个汉字的首字母从A到Z顺序排序)。 以下部分使用小茗同学的转化方案: github链接:https://github.com/sxei/pinyinjs/ demo示例:http://demo.haoji.me/pinyinjs/?from=xa 博客链接:【干货】JS版汉字与拼音互转终极方案,附简...原创 2018-06-25 23:17:14 · 1433 阅读 · 0 评论 -
[游戏demo一]:创建项目
之前有一篇博文总结linux下的git用法,今天根据最近的一个游戏demo,继续总结巩固一下。 原文链接:linux下的git常见操作整理最近要做一个三维模型渲染的小游戏demo,主要是threejs实现,外部引入设计给的模型,做成例如https://moments.epic.net/#rabbit 的样子。首先,用html实现了一版,此时由于需要引入外部模型(obj+mt...原创 2018-06-25 23:29:48 · 1278 阅读 · 1 评论 -
CSS图片自适应大小
图片自适应内容区大小原创 2017-04-02 09:46:16 · 20113 阅读 · 0 评论 -
URL编码函数
URL编码原创 2016-07-28 23:58:31 · 833 阅读 · 0 评论 -
text-wrap、text-wrap、word-break、word-spacing、white-space等文字排版CSS总结
word-wraptext-wrapword-breakword-spacingwhite-space原创 2016-07-05 00:02:32 · 2175 阅读 · 0 评论 -
PHP中如何获取当前时间及比较
PHP时间获取(注意时区)date_default_timezone_set("PRC");$showtime=date("Y-m-d H:i:s");相关时间参数: a - "am" 或是 "pm" A - "AM" 或是 "PM" d - 几日,二位数字,若不足二位则前面补零; 如: "01" 至 "31" D - 星期几,三个英文字母; 如: "Fri"转载 2013-12-31 10:37:09 · 2433 阅读 · 0 评论 -
php获取客户端IP地址的几种方法
方法一:$iipp=$_SERVER["REMOTE_ADDR"];echo $iipp;方法二:$user_IP = ($_SERVER["HTTP_VIA"]) ? $_SERVER["HTTP_X_FORWARDED_FOR"] : $_SERVER["REMOTE_ADDR"];$user_IP = ($user_IP) ? $user_IP : $_SERVER["REM转载 2013-12-31 10:58:35 · 489 阅读 · 0 评论 -
脚本php等网页js、css等失效原因
最近在编写html5时简单的调试了下与PHP协同使用后,发现在不少情况下js、css等会失效,页面显示异常,而在以前非html5时并没有。后经过查阅各类资料,调试后发现:网页在跳转时仍有缓存,需要指出原网页和跳转后网页的关系,故,在代码中: 1.利用表单form跳转的需要在form元素里面添加target,如: 2.利用a超链接跳转的需要在a里面指定rel即可:设原创 2013-12-31 10:13:31 · 1443 阅读 · 0 评论 -
试水微信公众平台开发
微信公众平台开发:http://www.cnblogs.com/txw1958/p/wechat-tutorial.html,这篇文章讲得确实通俗易懂。我就是按照这个步骤,使用新浪的SAE平台和微信平台来开发公众号的。若不涉及到数据库交互,该文档已经很好了,推荐阅读。以下主要讲述我利用这两个平台,使用SAE的Mysql数据库开发的一些经历。 由于微信公众号开发采用的是PHP,这里SAE完原创 2015-02-18 13:58:05 · 474 阅读 · 0 评论 -
Linux环境下安装Nginx+Pcre+OpenSSL
(本文转自他人博客,仅在自己有问题的地方做一点提示,希望能够帮到大家) Nginx是一款非常优秀的Web服务器,它是由俄罗斯人Igor Sysoev(伊戈尔-塞索耶夫)写的,虽然它的应用还没有老牌Web服务器Apache广泛,但相比Apache,它有着自己的一些优势,比如很好的高并发访问支持内存却占用少,配置简单,稳定性高,支持热部署等等。 Nginx 已经在转载 2015-04-24 22:55:48 · 753 阅读 · 0 评论 -
那些年我们一起清除过的浮动
浮动(float),一个我们即爱又恨的属性。爱,因为通过浮动,我们能很方便地布局; 恨,浮动之后遗留下来太多的问题需要解决,特别是IE6-7(以下无特殊说明均指 windows 平台的 IE浏览器)。也许很多人都有这样的疑问,浮动从何而来?我们为何要清除浮动?清除浮动的原理是什么?转载 2016-03-29 14:50:47 · 330 阅读 · 0 评论 -
HTML中 meta http-equiv属性
HTML中 meta http-equiv属性转载 2016-05-24 14:26:32 · 2396 阅读 · 0 评论 -
Vuejs学习(一)简要的TODOList
vuejs实现简单的TODOList逻辑原创 2016-05-26 20:52:42 · 9629 阅读 · 1 评论 -
WEB APP、HYBRID APP与NATIVE APP的设计差异
WEB APP、HYBRID APP与NATIVE APP的设计差异转载 2016-05-26 21:34:57 · 507 阅读 · 0 评论 -
JS时钟实现(一)
js数字时钟实现原创 2016-05-31 19:52:24 · 2255 阅读 · 0 评论 -
js时钟(二)
js实现模拟时钟原创 2016-06-01 15:08:47 · 1563 阅读 · 0 评论 -
reactjs+echarts实现绘图
echarts和reactjs实现简单绘图原创 2016-06-23 22:38:56 · 7887 阅读 · 4 评论 -
reactjs+echarts绘图(二)
echarts实现数据的传递后重绘原创 2016-06-23 23:08:36 · 6626 阅读 · 1 评论 -
水平垂直居中问题解法
水平垂直居中问题原创 2016-07-14 00:32:46 · 428 阅读 · 0 评论 -
前端ui库总结
现在许多项目讲究出快活,除特殊定制ui外,均为采用现有的ui框架开发,现将框架整理如下。matrial UIMaterial-UI实现了Google’s Material Design设计规范的react组件库。 兼容性 IE Edge Firefox Chrome Safari 11 >= 14 >= 45 &g原创 2018-07-04 23:28:11 · 10240 阅读 · 0 评论