沙师弟专栏

当你的才华还撑不起你的野心时,那你就应该静下心来学习。

“代码雨”纯HTML源码实现及效果

先看看效果 1、绿色: 2、彩色: 3、背景色: 4、绿色逐渐变浅: 源代码: <!DOCTYPE html> <html> <head> <meta...

2017-05-08 15:19:36

阅读数 52218

评论数 15

CSS水平垂直居中常见方法总结(转)

文章目录一、简介二、元素水平居中三、元素水平垂直居中3.1 position 元素已知宽度3.2 position transform 元素未知宽度3.3 flex布局3.4 table-cell布局 一、简介 说明:本篇文章只是总结一些方法,例子用到的各个元素属性不做解释,详情请看MDN文档,非...

2019-05-05 10:58:23

阅读数 99

评论数 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 Zeu...

2019-04-30 16:15:34

阅读数 153

评论数 1

前端学习 之 HTML通过JS调用HTTP

文章目录1、简介2、效果3、源码4、流程 1、简介 最近在搞爬虫抓包,抓到的东西只是后台展示太不方便了。于是就写了一些前端的js代码,通过HTTP协议与后台通信,然后把内容展现出来。以前写过这方面前端的代码,但每次用时又总是忘记,所以这次把它记录下来。本文只是举个最简单的get请求示例,供大家参考...

2019-04-24 16:41:14

阅读数 6917

评论数 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-c...

2019-04-09 16:41:11

阅读数 405

评论数 0

前端学习 之 Highcharts各种图形 示例

文章目录1、简介2、折线图——效果图3、折线图——示例代码4、柱形图——效果图5、柱形图——示例代码6、面积图——效果图7、面积图——示例代码8、其它的各种图9、注:隐藏Highcharts.com图标 1、简介 最近项目的需要,看了下前端的框架。想要在Web网页上,做折线图,柱形图等。查了一...

2019-04-03 17:15:43

阅读数 16113

评论数 0

html+css+js实现post简易聊天室

html+css+js实现post简易聊天室简述效果图核心代码讲解把具体问题通过post请求上传到远程服务器解析服务器返回的答复,并插入到聊天框源码 简述 因为项目需求,就做了一个简易的聊天室,用户输入一句话,通过http-post请求简单的回复一些信息给用户。 效果图 核心代码讲解 ...

2018-10-10 11:32:33

阅读数 914

评论数 2

HTML如何让IMG自动适应DIV容器大小

HTML如何让IMG自动适应DIV容器大小 为了让IMG自适应大小,如下我做了一个横向自适应的示例: IMG样式(横向拉伸,纵向自动匹配大小) DIV样式(元素居中显示) IMG样式(横向拉伸,纵向自动匹配大小) width:10...

2018-05-22 12:21:12

阅读数 59161

评论数 0

微信小程序动态增加组件(以按钮为例)

这里的微信小程序动态加载是以按钮为例,主页面点击不同的按钮进入不同的子页面中,根据主页面的title来动态加载子页面按钮的数量以及值。 效果图: wxml文件(注意wx:key="item"要写,不然它会有警告): <!--pages/plan/pla...

2018-03-14 17:39:23

阅读数 9320

评论数 1

微信小程序按比例分配组件(以View为例)

View组件是比较常用的组件,而且通常是按照一定比例来分配它的大小。 效果图: 就高度而言, ①、可以按照正常的固定数值来分配高度 ②、可以按比例分配 ③、当然还可以部分固定高度,其它用它剩余的高度。 直接上代码,边看边讲 .wxml文件,我们给它不同部分的高度起个名字secti...

2018-03-14 10:36:30

阅读数 3079

评论数 0

微信小程序去除左上角返回键,几种页面的跳转方式

碰到这个问题,是因为没了解这里面的层级关系: 默认的是navigator跳转,其它跳转方式open-type属性可选值是'navigate'、'redirect'、'switchTab'等 官网上这么写的: 对应于wx.navigateTo、wx.redirectTo、wx.swit...

2018-03-13 17:10:54

阅读数 36245

评论数 2

微信小程序开发环境的搭建(详细)

微信小程序已经流行很久了,所以根据官方文档写过一个小demo,先了解一下小程序是如何在微信上跑起来的。 参考资料是查看微信官网上的,已经写得很全面了。 微信公众平台小程序接入指南:https://mp.weixin.qq.com/debug/wxadoc/introduction/index....

2018-03-13 13:47:21

阅读数 2003

评论数 0

NodeJS学习 之 Nodejs简介和Hello World

一、Node.js的简介 A、简述 1、它是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 2、它使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。 3、它的包管理器 npm,是全球最大的开源库生态系统。 B、JS和Node.js的区别 JS是脚本语...

2017-06-02 16:31:24

阅读数 374

评论数 2

WebStorm11.0.3下载,汉化及注册码

下载地址,我分享出来了: 链接: http://pan.baidu.com/s/1kVdt4kJ 密码:sprj 激活: 注册时选择“License server”输入“http://idea.imsxm.com/”点击“OK”即可快速激活 汉化包: 链接...

2017-05-31 17:37:31

阅读数 25039

评论数 36

Js下Image.src的坑

先看看这个案例:(目前下面为部分代码) var Img = new Image(); Img.src = _default.img; //图片加载完成时 Img.onload = function(){ ...... containerItem.css({ width : find...

2017-05-10 14:55:39

阅读数 794

评论数 0

HTML制作3D粒子效果Demo

先看一下效果,由于CSDN一张图片不能超过2M,所以做成了几张来呈现效果。 代码如下: <!html> <head> <style> html,body { width: 100%; heig...

2017-05-10 11:22:24

阅读数 894

评论数 2

“代码雨”js+css+html实现

先看看效果: HTML代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <li...

2017-05-08 16:09:18

阅读数 20303

评论数 2

如何查看QQ在线人数

我相信很多人一定去过这个地方: http://im.qq.com/online/index.shtml 这个页面也很常见 这就是QQ在线人数统计图。 再来看一个网址: http://cgi.im.qq.com/cgi-bin/minute_city 动态图里的Fla...

2017-05-08 11:42:19

阅读数 7614

评论数 4

html中上下左右控制对象移动Demo

简介 做了这样一个小Demo,再键盘上,按上下左右,控制一个图片 在 另一个图片 上移动。 效果(动态)   代码 <html> <head> <meta http-eq...

2016-08-26 12:57:31

阅读数 5035

评论数 2

提示
确定要删除当前文章?