前端
关注
分享
扫一扫
南京闫伟亮的野爹
这个作者很懒，什么都没留下…
展开
-
纯css实现table表格固定列和表头,中间横向滚动的思路-附案例
最近做的后台管理系统要处理大量的表格 原项目是采用的for循环加拼接字符串的方式实现;导致js代码一大堆;各种单引号和双引号的嵌套;让人头疼;遂引入vue.js;用v-for做模板渲染;工作量顿时减轻...转载 2019-09-05 09:54:06 · 1877 阅读 · 2 评论 -
css3弹性盒布局
首先，我们来对弹性盒中的称呼做一些了解 如图，弹性盒分为两个轴，一个是主轴，一个是交叉轴，主轴方向可以改变（左右改上下），主轴方向改变后，交叉轴方向也会随之改变 然后，我们来看下浏览器的大概支持情...转载 2019-09-05 10:57:32 · 153 阅读 · 0 评论 -
给想转行学习web前端的朋友提些学习建议及学习路线
第一：在如今这个前端的市场下，你如果太过于着急找工作而去学习，你一定找不到，有一个很简单的道理，任何东西求快没有用，首先你要会，学的成了半吊子，看点视频就去找工作，没人接收。 第二：如果没有一套系统的...转载 2019-09-05 12:00:02 · 118 阅读 · 0 评论 -
哆啦宝
我很喜欢哆啦A梦，因为他为我的童年带来很多的欢乐。直至如今，他的故事总能让我感受到友情、亲情、爱情，这些美好，让人舍不得忘却。 这是我之后突然想到的，假如哆啦A梦的道具可以出售的话... 这里是首...转载 2019-09-05 14:05:38 · 268 阅读 · 0 评论 -
关于IE浏览器的一些思路
首先说说我对IE的看法： 第一感觉倔强、孤僻特立独行。（总是和别人不一样，是初学者的噩梦） 第二感觉个性（每个版本都需要你去用不同的代码去适配她） 虽然现在IE已经升级到了11相对于...转载 2019-09-05 15:02:19 · 179 阅读 · 0 评论 -
浅谈CSS模块化
为什么要CSS模块化？ 你是否为class命名而感到苦恼？ 你是否有怕跟别人使用同样class名而感到担忧？ 你是否因层级结构不清晰而感到烦躁？ 你是否因代码难以复用而感到不爽？ 你是否因为co...转载 2019-09-05 15:54:25 · 241 阅读 · 0 评论 -
前端微场景布局样式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Swiper demo</title> ...转载 2019-09-05 16:37:12 · 201 阅读 · 0 评论 -
CSS鼠标悬浮DIV后显示DIV外的按钮
昨天写样式遇到个问题，如何让鼠标悬浮DIV后，显示DIV外的按钮，可以点击到按钮。 效果如下： 问题： 在DIV hover时候将按钮设为display: block，这是很直接的想法，但是这有个问题...转载 2019-09-05 17:15:39 · 985 阅读 · 0 评论 -
Vue——网页html转换PDF（最低兼容ie10）
HTML转PDF： 1.页面底层实现——Vue：最低兼容ie10 2.实现思路： 1> 使用html2canvas.js将网页转换为图片 2> 使用jsPdf.debug.js将canva...转载 2019-09-05 18:19:54 · 911 阅读 · 0 评论 -
CSS DIV命名
原地址：http://www.cnblogs.com/hylaz/archive/2012/10/27/2742743.html#2521377 页头:header 登录条:loginBar 标志:l...转载 2019-09-05 19:23:00 · 96 阅读 · 0 评论 -
css实现未知高度水平垂直居中
页面设计中，经常需要实现元素的水平垂直居中，css实现的方法有很多(列如: margin: auto、position定位、css表达式calc()、使用css预处理、table等都可以实现水平居中)...转载 2019-09-05 20:04:17 · 149 阅读 · 0 评论 -
前端性能优化--图片处理（Css Sprites 与 base64）
前言： 近期研究着前端性能的优化方面的知识，并以博客记之。之前有相同系列的文章（前端性能优化--图片懒加载(lazyload image)），这次继续是关于图片的处理，css sprites 和 ba...转载 2019-09-05 20:51:56 · 190 阅读 · 0 评论 -
响应式web设计之@media
两种方式，一种是直接在link中判断设备的尺寸，然后引用不同的css文件： 1 < link rel = "stylesheet" type = "text/css" href = "styleA.c...转载 2019-09-05 21:31:14 · 247 阅读 · 0 评论 -
清除浮动的几种方式
不清除浮动会怎样？ （1）：背景不能显示 （2）：边框不能撑开 （3）：margin 设置值不能正确显示 （4）：下方内容往上移盖住浮动区域的内容 html代码： <div class="cont...转载 2019-09-05 22:11:19 · 116 阅读 · 0 评论 -
css中代码格式以及@import的语法结构
CSS中代码格式 CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。 1.基本语法规范 分析一个典型CSS的语句： ...转载 2019-09-06 10:22:20 · 413 阅读 · 0 评论 -
ASP.NET前台html页面对table数据的编辑删除
摘要：本来说这个企业的门户网站单纯的做做显示公司文化信息的，做好了老板说要新增在线办理业务，本来这个网站是基于别人的框架做的前台都只能用纯html来做。好吧上两篇我就写了table里面向数据库插入...转载 2019-09-06 11:06:53 · 397 阅读 · 0 评论 -
Easyui 官网网址
http://www.jeasyui.com/download/list.php 下载版本1.5.2的easyui中文API，可在CSDN网站http://download.csdn.net/down...转载 2019-09-06 14:00:57 · 1206 阅读 · 0 评论 -
CSS多行文本垂直居中
今天需要将文本垂直居中，就是一行是垂直居中，多行也是垂直居中。 效果如下 实现代码（同事提供） <!DOCTYPE html><html><head lang="en"> <meta ch...转载 2019-09-06 14:36:46 · 149 阅读 · 0 评论 -
html-loldemo
百度版lol百科小样 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <title>英雄联盟百科</title> 5 <me...转载 2019-09-06 15:18:04 · 231 阅读 · 0 评论 -
【表格设置】HTML中合并单元格，对列组合应用样式，适应各浏览器的内容换行
1、常用表格标签 普通 <table> | <tr> | | <th></th>...转载 2019-09-06 16:38:12 · 514 阅读 · 0 评论 -
div css 制作表格
<div class="table"> <h2 class="table-caption">花名册：</h2> <div class="table-column...转载 2019-09-06 17:34:55 · 953 阅读 · 0 评论 -
深度理解div css布局嵌套盒子
1. 网页布局概述 网页布局的概念是把即将出现在网页中的所有元素进行定位，而CSS网页排版技术有别于传统的网页排版方法，它将页面首先在整体上使用<div>标记进行分块，然后对每个快进行CSS定位...转载 2019-09-06 18:26:51 · 1367 阅读 · 0 评论 -
sublime text3快捷键
选择类 Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。 Alt+F3 选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。举个栗子：快速选中并更改所有相同的变量名、函数...转载 2019-09-06 19:04:13 · 110 阅读 · 0 评论 -
CSS如何让不相等的字符上下对齐
最后效果： <div class="main"> <span style="font-size:12px;"><dl class="hotsearch" style="width:300...转载 2019-09-06 19:41:39 · 739 阅读 · 0 评论 -
20170802,css样式优先级
样式的优先级 多重样式（Multiple Styles）：如果外部样式、内部样式和内联样式同时应用于同一个元素，就是使多重样式的情况。 一般情况下，优先级如下： （外部样式）External styl...转载 2019-09-06 20:45:20 · 132 阅读 · 0 评论 -
微信小程序开发基础知识总结
微信小程序在无论在功能、文档及相关支持方面，都是优于前面几种微信账号类型，它提供了很多原生程序才有的接口，使得我们的小程序在很多方面突破H5页面应用的限制，更加接近原生程序的功能，因此微信小程序具有很...转载 2019-09-06 21:32:09 · 537 阅读 · 0 评论 -
CSS3基础(4)——CSS3 渲染属性
一、CSS3 计数器详解 CSS3计数器（CSS Counters）可以允许我们使用CSS对页面中的任意元素进行计数，实现类似于有序列表的功能。 与有序列表相比，它的突出特性在于可以对...转载 2019-09-06 22:16:31 · 235 阅读 · 0 评论 -
处理移动端自适应布局的方法- calc()与vw
在处理移动端自适应布局时，目前前端最流行的方法应该就是使用媒体查询，来设置HTML的字体大小，然后用rem为单位对Dom的宽高进行设置，这个方法的优势在于兼容性方面很好，劣势则在于当前市场上不同的...转载 2019-09-06 23:12:07 · 403 阅读 · 0 评论 -
实现移动端顶部与底部固定，内容区优化的效果
实现顶部与底部固定的效果十分容易，且很多人都会选择用这个方式，就是顶部position:fixed，底部也position:fixed。实现的效果就像下面两张图，container区域是布满整个屏幕的...转载 2019-09-06 23:52:36 · 404 阅读 · 0 评论 -
cookie乱码处理 示例
package com.log; import java.io.IOException; import java.net.URLEncoder; import java.util.ArrayList;...转载 2019-09-07 08:53:35 · 88 阅读 · 0 评论 -
字体样式和文本样式
一、字体样式 <!doctype html> <html> <head> <style> div{ color: #000; font-family: '微软雅黑','宋体'; ...转载 2019-09-07 09:48:31 · 231 阅读 · 0 评论 -
最全CSS3选择器
一，CSS3 选择器分类 二，选择器语法 1，基本选择器语法 选择器 类型 功能描述 * 通配选择器 选择文档中所以HTML元素 E 元素选择器 选择指定类型的HTML元素 #id ID选择器...转载 2019-09-07 10:39:23 · 92 阅读 · 0 评论 -
pc端的企业网站（IT修真院test8）详解1-4
今天完成的事情：（1，伪元素：before,:after的使用。2.table的使用（collapse的使用）3rgba的高级运用） 今天我主要完成test8-3的页面。 header和footer...转载 2019-09-07 11:19:47 · 200 阅读 · 0 评论 -
css3 calc()
calc()的官方用法就不细说了。 这里提示，在使用calc()时，四则运算符号两端一定要有空格！否则不对！ eg. 1 <style> 2 .box{ 3 width:calc(50% - 14...转载 2019-09-07 11:57:02 · 108 阅读 · 0 评论 -
vue2与vue1的区别
在前面的学习过程中我们已经对vue1有了一定的了解，下面我们来学习一下vue2，看一下vue1与vue2有什么区别。 区别1： 在vue2中使用v-for指令时它可以添加重复的内容，就...转载 2019-09-07 14:25:45 · 594 阅读 · 0 评论 -
CSS深入理解学习笔记之margin
1、margin与容器尺寸 元素尺寸：①可视尺寸 clientWidth（标准）；②占据尺寸 margin与可视尺寸：①适用于没有设定width/height的普通block元素；②只适...转载 2019-09-07 15:10:17 · 290 阅读 · 0 评论 -
CSS总结摘要
一 概述 1.什么是CSS？ Cascading Style Sheet，层叠样式表，用于设定页面内容的显示样式。 2.为一个元素添加多个样式 一个元素可以同时定义多个类，不同类之间用空格隔开，如...转载 2019-09-07 16:11:13 · 93 阅读 · 0 评论 -
pc端的企业网站（IT修真院test8）详解1-1
这任务需求我们使用推特的前端框架bootstrap来实现。先放psd图。 上传这些图片也蛮大的。为此我使用office picture manager压缩了图片。 方法：alt+p+o，然后tab+下...转载 2019-09-07 17:09:20 · 195 阅读 · 0 评论 -
CSS规范
前面的话 CSS是网页样式的描述语言，CSS规范能够使CSS代码风格保持一致，使得CSS更容易理解和维护。本文将详细介绍CSS规范 代码风格 【选择器】 1、 选择器与 {之间包含空...转载 2019-09-07 17:54:47 · 129 阅读 · 0 评论 -
网易回合制游戏录像批量下载（失效 不是因为代码 是因为网易官方关闭了录像网站 ：P）
最近在访问网易大话西游2的录像专区时，发现页面还是很早之前的板式，网易的编辑并没有打算重新美化的打算，不由得内心一寒，结合之前好几个回合制游戏的倒闭，让很多人回顾都没办法回顾， 而且，很多人现在也没有...转载 2019-09-07 18:52:45 · 378 阅读 · 0 评论