前端
关注
分享
扫一扫
前端
head_Me
程序员里篮球打的最好的
展开
-
实现一个类似纸张堆叠的效果
效果图如下：基本原理就是利用box-shadow。一般想到的是写2个baox-shadow，但出来的效果不好看，会导致每张纸的分界线不清晰。所以写2个阴影不透明的box-shadow 加上 3个阴影透明的box-shadow(有3条边界线)，总共5个。另外box-shadow的第4个值为阴影大小，可以设为负值，表示阴影缩小，这样就能制造出逐渐变窄的效果。代码如下：box-...原创 2020-01-29 03:54:25 · 1252 阅读 · 0 评论 -
nodejs中graphql的服务端和客户端实现
先简单介绍一下GraphQL。GraphQL 是一门出自Facebook，用于api的查询语言，被称作是Restful的替代品，已经有越来越多的公司和系统使用GraphQL来代替Restful。它的几个主要特点是： 1、只返回你想要的数据。传统Restful中返回的是对象的所有字段，而往往我们需要的只是其中几个字段，这样无疑造成了很大的带宽浪费。GraphQL中由你定义你的查询...原创 2019-12-10 11:43:26 · 1292 阅读 · 0 评论 -
flexbox改写的一个响应式网页布局实例
<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif...原创 2019-09-16 17:36:34 · 341 阅读 · 0 评论 -
网页布局样式小总结
浮动：元素向左或右移动，直到碰到父容器边框或者下一个浮动元素清除浮动：因为浮动元素会脱离文档流，所以会导致页面元素的重叠。而且如果一个父元素只包含浮动元素，会导致父元素高度崩塌（高度为0），比如ul内的所有li元素都浮动时，ul高度会变为0。解决办法是在ul上加上overflow:hidden，具体原理这里不详述。 另外一种方式是使用clear:both。...原创 2019-09-15 14:39:36 · 167 阅读 · 0 评论 -
jquery.treegrid结合Bootstrap Table实现树表格
这是实现树表格的另外一种方式。如果采用jqgrid，可以直接用它自带的实现，参考另一篇博客。直接上代码<!doctype html><html> <head> <link rel="stylesheet" href="/static/css/bootstrap.min.css"> <!--<l...原创 2019-04-15 00:57:50 · 1930 阅读 · 0 评论 -
一个Bootstrap Table的基本实例
代码：<!doctype html><head> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww...原创 2019-04-13 21:28:32 · 1954 阅读 · 0 评论 -
jqgrid 树表格
直接上代码<table id="treeGrid"></table>引入(这里采用的是bootstrap的样式)：bootstrap.min.cssui.jqgrid-bootstrap4.cssjquery.min.jsgrid.locale-cn.jsjquery.jqGrid.min.js $("#deptTable").jqGrid({ ...原创 2019-04-13 19:19:53 · 300 阅读 · 0 评论 -
Atom上传项目到GitHub
在本地项目文件夹执行以下命令： - git init - git commit -m "first commit" - git remote add origin https://github.com/xxx.git - git push -u origin master,此时会要求输入用户名和密码push的时候可能会报错，提示要先pull。此时使用以下命令：git pull ...原创 2019-01-26 19:38:42 · 2987 阅读 · 0 评论 -
vue初始化、运行
安装node.js，同时会把npm也安装了安装淘宝镜像，npm install -g cnpm --registry=https://registry.npm.taobao.org安装webpack，cnpm install webpack -g安装vue脚手架，npm install vue-cli -g选择一个空白目录，shift加右键打开PowerShell窗口...原创 2019-01-26 01:46:15 · 800 阅读 · 0 评论