chuluxie3918-CSDN博客

转载移动端纯CSS3制作圆形进度条所遇到的问题

本文转载于:猿2048网站移动端纯CSS3制作圆形进度条所遇到的问题　　近日在开发的页面中，需要制作一个动态的圆形进度条，首先想到的是利用两个矩形，宽等于直径的一半，高等于直径，两个矩形利用浮动贴在一起，设置overflow：hidden属性，作为盒子，内部有一个与其宽高相等的子盒子...

2019-09-14 05:50:56 379

转载 CSS3 基础(1)——选择器详解

本文转载于:猿2048网站CSS3 基础(1)——选择器详解 CSS3选择器详解一、属性选择器　　在CSS3中，追加了三个属性选择器分别为：[att*=val]、[att^=val]和[att$=val]，使得属性选择器有了通配符的概念。选择器 ...

2019-09-06 22:32:00 261

转载 MVC MVP MVVM 图解

本文转载于:猿2048网站MVC MVP MVVM 图解 1、MVC (1)图解解释：视图（View）：用户界面。控制器（Controller）：业务逻辑模型（Model）：数据保存各部分之间的通信方式如下： View 传送指令...

2019-09-06 21:58:00 233

转载用css3的cursor:zoom-in/zoom-out实现微博看图片放大镜效果

本文转载于:猿2048网站用css3的cursor:zoom-in/zoom-out实现微博看图片放大镜效果 1.前言CSS3的出现解决了很多让人头疼的问题，至少我想很多童鞋都这样认为。css3的cursor属性大家用的应该是非常的多的，我想用的比较多的像cursor:pointer;cu...

2019-09-06 20:57:00 479

转载 css中的几个小tip（一）

本文转载于:猿2048网站css中的几个小tip（一）原博：http://www.webhek.com/post/7-tips-web-front-developer-must-know__trashed.html 1.元素的margin-top、margin-bottom及paddin...

2019-09-06 19:49:00 126

转载 html-解决乱码问题

本文转载于:猿2048网站html-解决乱码问题 1、创建HTML时，需将文件编码设置为UTF-8； 2、需要在<head>元素下，借用<meta>元素设置内容的编码: 　1)文件的编码：在webstorm中设置文件编码的问题：File-->Editor--...

2019-09-06 18:40:00 106

转载深度理解CSS中块级元素与行内元素的区别（个人易错点）

本文转载于:猿2048网站深度理解CSS中块级元素与行内元素的区别（个人易错点）区别一：块级：块级元素会独占一行，默认情况下宽度自动填满其父元素宽度行内：行内元素不会独占一行，相邻的行内元素会排在同一行。其宽度随内容的变化而变化。区别二：块级：块级元素可以设置宽高行内：...

2019-09-06 18:02:00 130

转载 CSS实现DIV从隐藏到展示的过渡效果

本文转载于:猿2048网站CSS实现DIV从隐藏到展示的过渡效果 CSS中有很多功能强大的方法，其中过渡属性transition就很牛叉。你不用写一行JavaScript代码，随便写点css就可以实现一个动画效果。下面结合我在W3C网站上看到的实例，举个栗子说明下(⊙o⊙)… 鼠标碰...

2019-09-06 17:32:00 3213

转载 canvas背景效果

本文转载于:猿2048网站canvas背景效果 canvas背景效果: <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></ti...

2019-09-06 16:57:00 167

转载前端面试题（一）

本文转载于:猿2048网站前端面试题（一）一个朋友在一家公司面试的题目（准确说是培训公司），面试题目比较简单。以下答案纯属个人意见（有错处麻烦指教）选择题： 1） 'abcdefg'.substring(4)的结果是（）　　A：def　　　　B：abc 　　C：...

2019-09-06 15:53:00 174

转载 css 2D转换总结

本文转载于:猿2048网站css 2D转换总结 CSS中2D转换的形式是这样的：选择器{transform：转换函数（参数，参数）；} 其中transform（是transform 不是transfrom）定义元素的2D或者3D转换； 2D转换的函数一共分为...

2019-09-06 15:17:00 128

转载不固定宽度的盒子的水平居中

本文转载于:猿2048网站不固定宽度的盒子的水平居中可用于制作分页标签的居中. 如: 方法一: display: table-cell; ul{ list-style: none; display:table; margin: 40p...

2019-09-06 14:40:00 438

转载不受控制的 position:fixed

本文转载于:猿2048网站不受控制的 position:fixed 大家都知道，position:fixed在日常的页面布局中非常常用，在许多布局中起到了关键的作用。它的作用是： position:fixed的元素将相对于屏幕视口（viewport）的位置来指定其位置。并且元素的位置在...

2019-09-06 11:37:00 95

转载 box-sizing 属性应用

本文转载于:猿2048网站box-sizing 属性应用 1、box-sizing属性功能官方说明文档为：http://www.w3school.com.cn/cssref/pr_box-sizing.asp box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。 ...

2019-09-06 11:04:00 97

转载 CSS边框外的小三角形+阴影效果的实现。

本文转载于:猿2048网站CSS边框外的小三角形+阴影效果的实现。 ...虽然是一个很小的问题,但其实还是挺实用的。实现一个边框外的角。用纯CSS来写。一开始实现的效果是这个样子的。但是这个效果没有办法给他附带阴影，所以换了一种写法。实现成了这个样子 ...

2019-09-06 10:37:00 806

转载特殊的上下文选择符

本文转载于:猿2048网站特殊的上下文选择符通过增删选择符熟练各个选择符的用法：(注：笔者FF浏览器在源码上注释一部分内容后并不能改变运行后的输出结果，必须删除要注释的内容才行) <!DOCTYPE html><html> <head> &...

2019-09-06 10:09:00 154

转载 HTML常用标签总结

本文转载于:猿2048网站HTML常用标签总结学习前端开发，第一步要学习的绝对是HTML。什么是HTML？ HTML 是(HyperTextMarkupLanguage)四个单词的缩写，翻译过来就是超文本标记语言，所以它不是一门编程语言，只是一门标记语言。学习ht...

2019-09-06 09:01:00 113

转载 css3 文本模型

本文转载于:猿2048网站css3 文本模型我前期是一名前端开发者，经常会遇到关于文本模型的问题，很多地方我们会经常遇到这种问题。例如栏目的标题，在设计师给我们图的时候并不会考虑到标题的长度，所以我们自己开发的过程中自己注意这一点。首先和大家将一下文本模型的一些基本的属性然后再针对一些...

2019-09-05 20:52:00 86

转载 CSS3 calc()函数使用

本文转载于:猿2048网站CSS3 calc()函数使用 1、calc是什么？ calc是英文单词calculate(计算)的缩写，用于动态计算长度值。 calc()函数支持 "+", "-", "*", "/" 运算； + 和- 运算符的两边必须始终要有空白符。比如cal...

2019-09-05 19:27:00 169

转载 css样式优先级问题

本文转载于:猿2048网站css样式优先级问题官方表述的CSS样式优先级如下：通用选择器（*） < 元素(类型)选择器 < 类选择器 < 属性选择器 < 伪类 < ID 选择器 < 内联样式那么，我们来举个例子： ht...

2019-09-05 18:52:00 183

转载 WordPress多本小说主题–WNovel主题发布，十分钟搭建小说站！现已更新至1.2版本...

本文转载于:猿2048网站WordPress多本小说主题–WNovel主题发布，十分钟搭建小说站！现已更新至1.2版本本文属于《 WNovel主题操作手册》文章系列，该系列共包括以下 8 部分： WNovel主题使用手册之–主题安装及更新教程 ...

2019-09-05 17:35:00 588

转载 KHL 001 11-计算机-本职-前台 CSS选择器

本文转载于:猿2048网站KHL 001 11-计算机-本职-前台 CSS选择器 CSS3 选择器分类动态伪类选择器锚点伪类的设置顺序必须遵守一个”LoVe/HAte”原则，也就是说正确的设置顺序为：a:link、a:visited、a:ho...

2019-09-05 17:04:00 98

转载 [转]CSS clear both清除浮动

本文转载于:猿2048网站[转]CSS clear both清除浮动 DIV+CSS clear both清除产生浮动我们知道有时使用了css float浮动会产生css浮动，这个时候就需要清理清除浮动，我们就用clear样式属性即可实现。接下来我们来认识与学习cssclear知识...

2019-09-05 15:56:00 120

转载 (转)没有IE就没有伤害！浏览器兼容性问题解决方案汇总

本文转载于:猿2048网站(转)没有IE就没有伤害！浏览器兼容性问题解决方案汇总普及：浏览器的兼容性问题，往往是个别浏览器（没错，就是那个与众不同的浏览器）对于一些标准的定义不一致导致的。俗话说：没有IE就没有伤害。贴士：内容都是自己总结的，不免会出现错误或者bug，欢迎更正和补充，本...

2019-09-05 15:24:00 133

转载 Tips_利用padding实现高度可控的分隔线

本文转载于:猿2048网站Tips_利用padding实现高度可控的分隔线一.实现分隔线的方法（未理解：不是说span元素垂直方向设置怕padding不影响吗？） html： 1 <div>2 登陆<span></span>注册...

2019-09-05 14:18:00 87

转载【前端】webkit内核浏览器DIV滚动条样式修改和设置

本文转载于:猿2048网站【前端】webkit内核浏览器DIV滚动条样式修改和设置 webkit内核浏览器DIV滚动条样式修改和设置引言：　　最近在做自己的小项目，为了设计出好看的页面费劲了心思，大到页面的整体布局，小到DIV的滚动条都不放过，以下是我通过查阅资料总结的webkit内...

2019-09-05 11:23:00 205

转载 flex 遇到white-space:nowrap

本文转载于:猿2048网站flex 遇到white-space:nowrap 背景，做一个前面图片宽度固定，后面宽度自适应，使用到了flex布局，但是想让后面div里文字不换行，超出以点点表示时，这时布局就乱了，查了下，原来flex布局与white-space:nowrap有影响解决办法...

2019-09-05 10:49:00 121

转载饿了么--VUE项目知识点总结

本文转载于:猿2048网站饿了么--VUE项目知识点总结 1.在vue中通过在元素上添加ref=‘abc-abc’，然后通过this.$refs.abcabc就可以获取原生dom元素，但是在新版的vue中属性ref的值不能添加-，添加的话会报错。 2. 在使用<transitio...

2019-09-05 09:48:00 191

转载 H5页面中尝试调起APP

本文转载于:猿2048网站H5页面中尝试调起APP 安卓版本5.0以上 IOS版本10.0以上采用事件触发的方式处理唤醒APP 市面上常见的功能这种功能现如今应该非常普遍了，淘宝H5，知乎H5等等。。。点击后会调起APP或者打开下载页面或者直接进行下载。 ...

2019-09-05 08:36:00 142

转载 CSS编码技巧

本文转载于:猿2048网站CSS编码技巧前面的话　　本文将从DRY、currentColor、inherit和合理使用简写这几方面来详细介绍CSS编码技巧 DRY 　　DRY，即don`t repeat yourself，尽量减少代码重复　　在软件开发中，保持代码的D...

2019-09-04 23:31:00 78

转载 CSS3动画简介以及动画库animate.css的使用

本文转载于:猿2048网站CSS3动画简介以及动画库animate.css的使用　　从广义上来讲，css3动画可以分为两种。　　过渡动画　　第一种叫过渡（transition）动画，就是从初始状态过渡到结束状态这个过程中所产生的动画。所谓的状态就是指大小、位置、颜色、变形（tran...

2019-09-04 22:54:00 151

转载 js弹出层的写法实例

本文转载于:猿2048网站js弹出层的写法实例点击后弹出界面，通过判断浏览器长宽自动设定页面宽度和登陆页面位置。 <style> /*遮罩层弹出层*/ .mask { width: 100%; background-color: rgba(0, 0, 0, 0....

2019-09-04 22:25:00 466

转载 CSS3 calc实现滚动条出现页面不跳动

本文转载于:猿2048网站CSS3 calc实现滚动条出现页面不跳动什么是calc()? calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。比如说，你可以使用calc()...

2019-09-04 21:57:00 523

转载 ngnix入门配置

本文转载于:猿2048网站ngnix入门配置文件1.首先到ngnix下载页面下载你操作系统对应的ngnix压缩包 http://nginx.org/en/download.html 博主我是window10操作系统上面是我解压之后放的路径。 2.下载之后呢，需要配置一...

2019-09-04 20:21:00 84

转载好用的几种常用的响应式设计让图片自适应的办法

本文转载于:猿2048网站好用的几种常用的响应式设计让图片自适应的办法 Ethan Marcotte曾经在A List Apart上发表过一篇名为“Responsive Web Design”的文章，他当时就提出了响应式架构的概念（不少混迹技术圈的肯定看过这篇文章，这里就不再赘述了）。随着终...

2019-09-04 19:48:00 205

转载程序猿常用英语单词汇总

本文转载于:猿2048网站程序猿常用英语单词汇总出自：http://www.cnblogs.com/best/p/6589908.html 第一节 void：[vɔid] 空的main：[mein] 主要的class：[klɑ:s] 类system：[‘sistəm] 系统o...

2019-09-04 19:16:00 319

转载 a href="javascript:"与a href="#"

本文转载于:猿2048网站a href="javascript:"与a href="#" <a href="javascript:;"></a> <a href="#"></a> 这两种写法。这两种写法到底有什么不同呢？用哪...

2019-09-04 18:03:00 146

转载 webpack CommonsChunkPlugin 提取公共代码

本文转载于:猿2048网站webpack CommonsChunkPlugin 提取公共代码 1、项目结构 2、部分代码 module.js console.log('module.js'); index文件夹下的index.js require('../mod...

2019-09-04 17:38:00 123

转载清浮动

本文转载于:猿2048网站清浮动方法　　对于标准浏览器来说，清浮动其实就两种方法，一种是在浮动元素下面添加新元素设置clear属性；另一种是触发包含块的BFC，使其包含浮动元素。而对于IE7-浏览器，则用到其特有属性haslayout 【1】clear属性　　[1]<di...

2019-09-04 17:07:00 44

转载在github上实现页面托管预览功能

本文转载于:猿2048网站在github上实现页面托管预览功能 1.建立个人github pages 仓库创建新仓库，命名规则为----“你的github账号.github.io”, 如图所示：我的账号是zxpsuper,所以我的个人域名仓库为 zxpsuper...

2019-09-04 16:37:00 201

空空如也

空空如也