//前端
前端开发相关知识点
-
转载
CSS水平垂直居中常见方法总结(转）
文章目录一、简介二、元素水平居中三、元素水平垂直居中3.1 position 元素已知宽度3.2 position transform 元素未知宽度3.3 flex布局3.4 table-cell布局 一、简介 说明：本篇文章只是总结一些方法，例子用到的各个元素属性不做解释，详情请看MDN文档，非常的详尽，例子在chrome浏览器下完全好使，IE这个渣渣。 本文出现的错误，请大佬们及时指正，人非圣...2019-05-05 10:58:23 阅读数 142 评论数 2 -
转载
Web服务器有哪些（转）
文章目录1、什么是web服务器1.1 Web Service架构和云1.2 Web Service的优势1.3 Web service的发展趋势1.3 本地服务的缺陷2、web服务器有哪些2.1 Apache2.2 IIS2.3 Nginx2.4 Tomcat2.5 Lighttpd2.6 Zeus 1、什么是web服务器 “网络服务”（Web Service）的本质，就是通过网络调用其他网站的资...2019-04-30 16:15:34 阅读数 188 评论数 1 -
原创
前端学习 之 HTML通过JS调用HTTP
文章目录1、简介2、效果3、源码4、流程 1、简介 最近在搞爬虫抓包，抓到的东西只是后台展示太不方便了。于是就写了一些前端的js代码，通过HTTP协议与后台通信，然后把内容展现出来。以前写过这方面前端的代码，但每次用时又总是忘记，所以这次把它记录下来。本文只是举个最简单的get请求示例，供大家参考。 2、效果 3、源码 <!DOCTYPE html> <html lang="e...2019-04-24 16:41:14 阅读数 7341 评论数 4 -
转载
2019年最流行的10个前端框架
文章目录1、Ant Design2、Bootstrap3、Taro UI4、iView5、LuLu UI6、QMUI7、Element8、Fusion Design9、WeUI10、Framework 7总结 1、Ant Design 网站链接：https://ant.design/index-cn 蚂蚁金服出品，非常著名的框架。就算你不了解前端，也会在公司的项目中多少听到程序员说起过。目前很多公...2019-04-09 16:41:11 阅读数 1615 评论数 0 -
原创
前端学习 之 Highcharts各种图形 示例
文章目录1、简介2、折线图——效果图3、折线图——示例代码4、柱形图——效果图5、柱形图——示例代码6、面积图——效果图7、面积图——示例代码8、其它的各种图9、注：隐藏Highcharts.com图标 1、简介 最近项目的需要，看了下前端的框架。想要在Web网页上，做折线图，柱形图等。查了一些开源的项目，发现Highcharts框架还是很好用，于是做了一个小示例，供大家共同学习。 Highcha...2019-04-03 17:15:43 阅读数 16171 评论数 0 -
原创
html+css+js实现post简易聊天室
html+css+js实现post简易聊天室简述效果图核心代码讲解把具体问题通过post请求上传到远程服务器解析服务器返回的答复，并插入到聊天框源码 简述 因为项目需求，就做了一个简易的聊天室，用户输入一句话，通过http-post请求简单的回复一些信息给用户。 效果图 核心代码讲解 把具体问题通过post请求上传到远程服务器 function toChat2(enterpriseID,pla...2018-10-10 11:32:33 阅读数 2253 评论数 2 -
原创
HTML如何让IMG自动适应DIV容器大小
HTML如何让IMG自动适应DIV容器大小 为了让IMG自适应大小，如下我做了一个横向自适应的示例： IMG样式（横向拉伸，纵向自动匹配大小） DIV样式（元素居中显示） IMG样式（横向拉伸，纵向自动匹配大小） width:100%; height:auto; DIV样式（元素居中显示） display:flex; align-i...2018-05-22 12:21:12 阅读数 83544 评论数 1 -
原创
微信小程序动态增加组件（以按钮为例）
这里的微信小程序动态加载是以按钮为例，主页面点击不同的按钮进入不同的子页面中，根据主页面的title来动态加载子页面按钮的数量以及值。 效果图： wxml文件（注意wx:key="item"要写，不然它会有警告）： <!--pages/plan/plans/plans.wxml--> <view class="className" style="background-...2018-03-14 17:39:23 阅读数 11726 评论数 1 -
原创
微信小程序按比例分配组件（以View为例）
View组件是比较常用的组件，而且通常是按照一定比例来分配它的大小。 效果图： 就高度而言， ①、可以按照正常的固定数值来分配高度 ②、可以按比例分配 ③、当然还可以部分固定高度，其它用它剩余的高度。 直接上代码，边看边讲 .wxml文件，我们给它不同部分的高度起个名字section_Up_Height、section_Down_Height： <!--pages/pl...2018-03-14 10:36:30 阅读数 3865 评论数 0 -
原创
微信小程序去除左上角返回键，几种页面的跳转方式
碰到这个问题，是因为没了解这里面的层级关系： 默认的是navigator跳转，其它跳转方式open-type属性可选值是'navigate'、'redirect'、'switchTab'等 官网上这么写的： 对应于wx.navigateTo、wx.redirectTo、wx.switchTab的跳转功能 open-type="navigate"等价于wx.navigateTo而w...2018-03-13 17:10:54 阅读数 42634 评论数 2 -
原创
微信小程序开发环境的搭建（详细）
微信小程序已经流行很久了，所以根据官方文档写过一个小demo，先了解一下小程序是如何在微信上跑起来的。 参考资料是查看微信官网上的，已经写得很全面了。 微信公众平台小程序接入指南：https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html?t=2018312 首先下载开发工具： 官方下载链接：win64位，win32位，m...2018-03-13 13:47:21 阅读数 4312 评论数 0 -
原创
NodeJS学习 之 Nodejs简介和Hello World
一、Node.js的简介 A、简述 1、它是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 2、它使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 3、它的包管理器 npm，是全球最大的开源库生态系统。 B、JS和Node.js的区别 JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器...2017-06-02 16:31:24 阅读数 390 评论数 2 -
原创
WebStorm11.0.3下载，汉化及注册码
下载地址，我分享出来了： 链接： http://pan.baidu.com/s/1kVdt4kJ 密码：sprj 激活： 注册时选择“License server”输入“http://idea.imsxm.com/”点击“OK”即可快速激活 汉化包： 链接：http://pan.baidu.com/s/1eRE1puE 密...2017-05-31 17:37:31 阅读数 25961 评论数 36 -
原创
Js下Image.src的坑
先看看这个案例：（目前下面为部分代码） var Img = new Image(); Img.src = _default.img; //图片加载完成时 Img.onload = function(){ ...... containerItem.css({ width : findWidth, height : findHeight, 'background-image' :2017-05-10 14:55:39 阅读数 931 评论数 0 -
原创
HTML制作3D粒子效果Demo
先看一下效果，由于CSDN一张图片不能超过2M，所以做成了几张来呈现效果。 代码如下： <!html> <head> <style> html,body { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; } .container{ width: 100...2017-05-10 11:22:24 阅读数 1044 评论数 2 -
原创
“代码雨”js+css+html实现
先看看效果： HTML代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/ok.css"> <title>code by-zhenyu.sha</tit...2017-05-08 16:09:18 阅读数 28632 评论数 2 -
原创
“代码雨”纯HTML源码实现及效果
先看看效果 1、绿色： 2、彩色： 3、背景色： 4、绿色逐渐变浅： 源代码： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <ti...2017-05-08 15:19:36 阅读数 78847 评论数 21 -
原创
如何查看QQ在线人数
我相信很多人一定去过这个地方： http://im.qq.com/online/index.shtml 这个页面也很常见 这就是QQ在线人数统计图。 再来看一个网址： http://cgi.im.qq.com/cgi-bin/minute_city 动态图里的Flash控件每隔一段时间会从这个网址拉取数据我们来看下数据使什么样的：{"time":"2014-06...2017-05-08 11:42:19 阅读数 8152 评论数 4 -
原创
html中上下左右控制对象移动Demo
简介 做了这样一个小Demo，再键盘上，按上下左右，控制一个图片 在 另一个图片 上移动。 效果（动态） 代码 &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html;charset=utf-8"&gt; &lt;meta http-equiv="X-UA-Compatib...2016-08-26 12:57:31 阅读数 5479 评论数 2