可能是史上比较全的 Vue 前端代码风格指南

可能是史上比较全的 Vue 前端代码风格指南 可能是史上比较全的 Vue 前端代码风格指南
一、命名规范市面上常用的命名规范:...
3年前 (2021年12月09日) 806 0 【编程】

能用CSS实现的就不用麻烦JavaScript

能用CSS实现的就不用麻烦JavaScript 能用CSS实现的就不用麻烦JavaScript
凡是可以用JavaScript来写的应用,最终都会用JavaScript来写。——Atwood定律虽然万物都可以是JavaScript,但某种程度css的运行效率会比JavaScript高,所以笔者认为:能用CSS实现的就不用麻烦JavaScript。两种语言都有不同的用途随着浏览器版本特性和属性的增加,CSS正成为一种功能强大的语言,能够处理我们以前依赖JavaScript实现的功能。...
3年前 (2021年12月08日) 790 0 【编程】

一行css代码搞定响应式布局

一行css代码搞定响应式布局 一行css代码搞定响应式布局
在这篇文章中,我将教你如何使用CSSGrid来创建一个超酷的图像网格图,它将根据屏幕的宽度来改变列的数量。最精彩的地方在于:所有的响应特性被添加到了一行css代码中。这意味着我们不必将HTML与丑陋的类名(如col-sm-4,col-md-8)混杂在一起,也不必为每个屏幕创建媒体查询。ok,让我们发车吧。...
5年前 (2019年11月17日) 1295 0 【编程】

小程序实现自定义导航栏适配完美版

小程序实现自定义导航栏适配完美版 小程序实现自定义导航栏适配完美版
这篇文章主要介绍了小程序实现自定义导航栏适配完美版,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...
5年前 (2019年08月03日) 1132 0 【编程】

CSS-布局2-中间固定两边自适应

CSS-布局2-中间固定两边自适应 CSS-布局2-中间固定两边自适应
1、布局概述中间固定,两边自适应布局,这是一种非常罕见的布局。例如下图,测试剧中,这几个字固定宽度,左右的红线根据屏幕自适应。...
6年前 (2018年12月29日) 1112 0 【编程】

百度编辑器 UEditor 配置语法高亮 以及修复换行问题

百度编辑器 UEditor 配置语法高亮 以及修复换行问题 百度编辑器 UEditor 配置语法高亮 以及修复换行问题
最近在写博客的时候,使用的编辑器就是传说中的编辑神器——UEditor。在使用过程中,还是多多少少遇到一些问题,这篇文章来总结一下语法高亮方面的配置以及遇到的一些问题。1.配置语法高亮在编辑器中,默认的就有“语法高亮”的功能,编辑保存后,默认的是使用<pre>标签包含的一段代码。在前端网页展示时,就需要引入相关的第三方插件,并调用其方法进行着色。具体代...
8年前 (2016年11月05日) 1815 0 【编程】

不同浏览器的JS中鼠标按键定义

不同浏览器的JS中鼠标按键定义 不同浏览器的JS中鼠标按键定义
IE左键是window.event.button=1右键是window.event.button=2中键是window.event.button=4...
8年前 (2016年03月17日) 1705 0 【编程】

html:子div撑不开父div的几种解决方法

html:子div撑不开父div的几种解决方法 html:子div撑不开父div的几种解决方法
如何修正DIVfloat之后导致的外部容器不能撑开的问题在写HTML代码的时候,发现在Firefox等符合W3C标准的浏览器中,如果有一个DIV作为外部容器,内部的DIV如果设置了float样式,则外部的容器DIV因为内部没有clear,导致不能被撑开。看下面的例子:HTML4STRICT代码:<...
9年前 (2015年12月08日) 2001 0 【编程】

JS动态创建script/link/style标签

JS动态创建script/link/style标签 JS动态创建script/link/style标签
一.动态创建link方式我们可以使用link的方式.如下代码所示functionaddCssByLink(url){vardoc=document;varlink=doc.createElement("link");link.setAttribute("rel",...
9年前 (2015年09月18日) 2171 0 【编程】

样式表(css) 格式整理与压缩

样式表(css) 格式整理与压缩 样式表(css) 格式整理与压缩
.form{font-size:10pt;} .fieldset{font-size:10pt;height:100%;} .textarea{font-size:10pt;background:#eee;} .form{overflow:hidden} .legend{font-weight:bolder;line-height:3em} .button{margin:1%1%0px0px;cursor:pointer} .tex...
9年前 (2015年09月04日) 2019 0 【工具】

CSS3实现图片闪光划过效果

CSS3实现图片闪光划过效果 CSS3实现图片闪光划过效果
HTML<pclass="overimg"><a><imgsrc="http://www.nswlp.cn/librarys/images/201402/2014_02_15_01.jpg"></a><iclass="ligh...
9年前 (2015年09月04日) 2202 0 【编程】

手机摇一摇代码

手机摇一摇代码 手机摇一摇代码
JS部分//JavaScriptDocument$(function(){w=$(document).width();h=$(docu...
9年前 (2015年09月01日) 1767 0 【编程】

CSS3移动的星星

CSS3移动的星星 CSS3移动的星星
<!doctypehtml><html><head><metacharset="utf-8">&...
9年前 (2015年08月31日) 2105 0 【编程】

CSS单词文本自动换行代码

CSS单词文本自动换行代码 CSS单词文本自动换行代码
强制不换行div{//white-space:不换行;normal默认;nowrap强制在同一行内显示所有文本,直到文本结束或者遭遇br对象white-space:nowrap;}自动换行...
9年前 (2015年08月28日) 2550 0 【编程】

用CSS将网站图片转换成黑白

用CSS将网站图片转换成黑白 用CSS将网站图片转换成黑白
网站全灰在IE下是可以轻松实现的(filter:gray;),不过,当时,不兼容其他浏览器。如今,CSS3完美搞定CSS3greyscale滤镜实现如下测试代码:.gray{-webkit-filter:grayscale(100%);...
9年前 (2015年08月22日) 2059 0 【编程】

兼容性好的CSS背景图拉伸自适应尺寸

兼容性好的CSS背景图拉伸自适应尺寸 兼容性好的CSS背景图拉伸自适应尺寸
最近在制作一个登陆页面是用到了背景但背景图在分辨率高的显示器就会有空白,于是这代码就很好决解了这问题么么哒.bg{background:url(/uploads/qzlogo....
9年前 (2015年08月22日) 4331 0 【编程】

CSS3鼠标悬停div内容平面上360度旋转

CSS3鼠标悬停div内容平面上360度旋转 CSS3鼠标悬停div内容平面上360度旋转
以下是源代码:<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>CSS3鼠标悬停div内容平面上360度旋转</title><style>body{ba...
9年前 (2015年07月21日) 2487 0 【编程】