前端
关注
分享
扫一扫
文章平均质量分 52
含笑一过
这个作者很懒，什么都没留下…
展开
-
前端生态知多少？
不知道不觉自己在前端开发这个行业，摸爬滚打已经六个年头了，总觉得学了很多东西，但是又感觉自己很多东西没有学的很精，因为一些知识点只要追本溯源的去看待，你就会发现它也是一个无底洞，需要我们耗费大量的精力去挖掘、去学习。所以大部分的我们只做到如何应用即可，就可以完成公司交给我们的大部分工作任务了。前端入门简单，但是它涉及的知识面多而杂，刚入行的那一年(2014年)，我们不但要会前端开发的代码，同时我们也要会点切图的功底，所以多多少少你得会点ps的本领，例如在源文件上修改、删除、添加一些字体啊，背景换个颜色啊原创 2020-09-26 18:17:20 · 1337 阅读 · 0 评论 -
手把手教你通过vue-cli搭建手机端框架
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Qas8iB2j-1600968157093)(https://img.hacpai.com/bing/20200613.jpg?imageView2/1/w/960/h/540/interlace/1/q/100)]前言：欢迎前端的小伙伴们前来围观、学习借鉴，如果你是后端、测试和其他的小伙伴也没关系，如果自己也想玩一下前端，想搭建一个前端的框架，那么不妨静下心来看看这篇文章。如果你不是从事开发工作的人员，内容可能相对而言比较枯原创 2020-09-25 01:24:25 · 2184 阅读 · 0 评论 -
关于seo的那些事！
什么是 SEO？字面意思就是：搜索引擎优化通俗意思就是：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是：让其在行业内占据领先地位，获得品牌收益。很大程度上是网站经营者的一种商业行为，将自己或自己公司的排名前移。举个例子：就是做了一个网站，我打开百度搜索、goolge 搜索、bing 索索、360 搜索等等搜索引擎，输入关键词或者关键字，第一页能查找我们的网站，提高我们网站在搜索中的排名位置。如何做，来提高我们网站的排名呢？1.编写网页的时候，要用标准的 HTML 标签，原创 2020-09-23 14:35:44 · 326 阅读 · 0 评论 -
鼠标画上去图片旋转360度
**鼠标画上去图片旋转360度**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>鼠标画上去图片旋转360度</title> <script type="text/javascript" src="jquery.js"></script> <style type="text/原创 2016-01-12 16:39:18 · 2198 阅读 · 0 评论 -
jquery省市区下拉显示
**jquery省市区下拉显示**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>省市区</title> <script type="text/javascript" src="jquery-1.9.1.js"></script> <script type="text/jav原创 2015-12-05 11:58:35 · 843 阅读 · 0 评论 -
html5 datalist标签的用法
html5 datalist标签的用法datalist介绍： datalist一般不会独行江湖，它需要与input标签的搭配使用，就像label标签与input标签搭配使用一样。既然与input标签搭配使用，那么这两个标签之间必定存在着“特殊的关系”，不然input与datalist就互不相认了，那么如何才能让他们建立起来这种关系呢？这个时候我们需要一个新的属性list（注意，不是for），lis原创 2015-12-21 18:01:40 · 3594 阅读 · 0 评论 -
手机端样式初始化css
**手机端样式初始化css**/* Created on : 2016-1-20 Author : Sunny*/@charset "utf-8";/*reset start*/html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,原创 2016-01-22 10:56:30 · 4183 阅读 · 0 评论 -
js实现鼠标滑入滑出背景透明度改变
js实现鼠标滑入滑出背景透明度改变<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>分享</title></head><style type="text/css"> body{padding:0;margin:0;} #n_content{width:200px;heigh原创 2015-12-20 23:36:32 · 3036 阅读 · 0 评论 -
分享代码格式的js书写
分享代码格式的js书写<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>分享</title></head><style type="text/css"> body{padding:0;margin:0;} #n_content{width:200px;background:原创 2015-12-20 18:07:14 · 1124 阅读 · 0 评论 -
样式化复选框(Styling Checkbox)
样式化复选框(Styling Checkbox)复选框 Checkbox 是 Web 应用常用控件，随处可见，原生的复选框控件一般就像下面这样： 选中状态 未选状态这取决于操作系统和浏览器，有些时候，这种样子并不能满足设计要求，这时需要更为精致的复选框样式。以往只有少数浏览器才支持对这类控件应用样式，比如拿到这样一张设计图：
jquery-mobile(二)弹出层dialog 知识点： 1.弹出第二个页面 2.<!DOCTYPE html><html><head><link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"><script src="原创 2015-12-18 23:27:15 · 295 阅读 · 0 评论 -
jquery-mobile(一)
**jquery-mobile(一)**<!DOCTYPE html><html><head><link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"><script src="http://code.jquery.com/jquery-1.8.3.min.js原创 2015-12-18 23:15:28 · 270 阅读 · 0 评论 -
快捷键让SublimeText在编文件快速在浏览器打开
这里插入一下安装”view in browser”官方版的说明：（前提是得先安装package control插件）1、通过”ctrl+shift+p”打开命令面板2、输入”install package”打开安装插件面板3、输入”view in browser”后通过鼠标左键单击或者回车键进行安装4、察看SublimeText左下角状态栏了解是否安装成功最后，就说下小觉现在所使用的方法：1、在Su转载 2015-12-16 20:00:58 · 370 阅读 · 0 评论 -
css3 学习小结
**css3 学习小结**1.CSS3 边框 border-radius border-radius:5px;-webkit-border-radius:5px; box-shadow box-shadow:3px 3px 3px #ccc; border-image 其中有两个参数 一个是round案例如下：原创 2016-01-27 09:58:49 · 370 阅读 · 0 评论 -
三等分
display: -webkit-box和-webkit-box-flex: 1的结合使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="width=device-width,initia原创 2016-01-12 11:05:41 · 555 阅读 · 0 评论 -
实现密码框、文本框不能复制、粘贴、剪切和右键
实现密码框、文本框不能复制、粘贴、剪切和右键<input name="pwd" type="password" id="pwd" oncopy="return false" onpaste="return false" oncut="return false" oncontextmenu="return false" />注释：onpaste：粘贴oncontextmenu：右键oncop原创 2016-06-21 14:05:23 · 5621 阅读 · 1 评论 -
svn在主干上创建分支
**svn在主干上创建分支**原创 2016-04-18 08:55:43 · 1012 阅读 · 0 评论 -
input disable属性下面 更改文本框或者按钮的颜色（对IOS兼容处理）
input disable属性下面 更改文本框或者按钮的颜色input:disabled, input[disabled]{ color: red; -webkit-text-fill-color:red; -webkit-opacity:1; opacity: 1; }原创 2016-04-28 17:00:37 · 3954 阅读 · 1 评论 -
jQuery显示圆形统计插件circliful
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery显示圆形统计插件circliful</title> <link href="jquery.circliful.css" rel="stylesheet" type="text/css" /> <script src="原创 2016-03-22 10:07:52 · 1655 阅读 · 0 评论 -
常用 Git 命令清单
我每天使用 Git ，但是很多命令记不住。一般来说，日常使用只要记住下图6个命令，就可以了。但是熟练使用，恐怕要记住60～100个命令。下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。Workspace：工作区Index / Stage：暂存区Repository：仓转载 2016-02-24 13:20:45 · 354 阅读 · 0 评论 -
jquery返回顶部
**jquery返回顶部**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>返回顶部</title> <script type="text/javascript" src="jquery-1.9.1.js"></script> <style type="text/css">原创 2015-11-16 19:28:16 · 420 阅读 · 0 评论 -
jquery animate实现动态进度条
jquery animate实现动态进度条<!DOCTYPE html><html> <head> <title>临时停车</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="description" conten原创 2016-02-17 17:10:24 · 4660 阅读 · 0 评论 -
js 验证码 倒计时60秒
**js 验证码 倒计时60秒**<input type="button" id="btn" value="免费获取验证码" /> <script type="text/javascript"> var wait=60; function time(o) { if (wait == 0) { o.removeAttribute("disa转载 2016-02-01 12:02:19 · 383 阅读 · 0 评论 -
鼠标放上去图片放大
鼠标放上去图片放大<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery.js"></script> <style type="text/css"> bod原创 2016-01-12 16:15:12 · 3557 阅读 · 0 评论 -
jshint相关的配置
jshint相关的配置SublimeText插件推荐：JS错误检查工具 - JSHint与JSHint Gutter NOV 28TH, 2014 9:46 AM 引言我喜欢使用SublimeText（以下将简称为Sublime）来写JavaScript，但有时候代码量一多，难免会犯些小错误，比如变量名写错，多了一个括号等等；而Sublime是编辑器，本身没有代码检查功能，只有当JS代码在浏览转载 2015-12-16 13:50:22 · 6904 阅读 · 0 评论 -
银行卡号矫正
**银行卡号矫正**Luhm.js//Description: 银行卡号Luhm校验//Luhm校验规则：16位银行卡号（19位通用）:// 1.将未带校验位的 15（或18）位卡号从右依次编号 1 到 15（18），位于奇数位号上的数字乘以 2。// 2.将奇位乘积的个十位全部相加，再加上所有偶数位上的数字。// 3.将加法和加上校验位能被 10 整除。//方法步骤很清晰，易理解，需要在原创 2015-12-16 13:34:24 · 714 阅读 · 0 评论 -
使用jQuery的validation插件来完成表单的验证
**使用jQuery的validation插件来完成表单的验证**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>validation 练习</title> <link rel="stylesheet" type="text/css" href="../reset.css">原创 2015-11-15 12:51:56 · 836 阅读 · 0 评论 -
按回车键 自动登录
**按回车键 自动登录**主要是通过js来监听键盘回车键对应的键码是不是13 如果是13那么就执行点击事件，从而触发登录 html：....<form> <input type="submit" value="登录" id="user_login_submit" /></form>....js代码：<script type="text/javascript">$(原创 2015-11-10 12:05:16 · 513 阅读 · 0 评论 -
jQuery的DOM操作（四）
**jQuery的DOM操作（四、删除节点）**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery中的DOM操作（四）</title> <link rel="stylesheet" type="text/css" href="style.css"> <script原创 2015-11-07 22:58:16 · 378 阅读 · 0 评论 -
jQuery的DOM操作（三）
**jQuery的DOM操作（三、节点的插入）**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery中的DOM操作（三）</title> <link rel="stylesheet" type="text/css" href="style.css"> <script原创 2015-11-07 21:24:53 · 455 阅读 · 0 评论 -
jQuery的简易在线客服
**jQuery的简易在线客服**代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery的简易在线客服</title> <script type="text/javascript" src="jquery-1.9.1.js"></script> <style原创 2015-11-06 13:31:42 · 1278 阅读 · 0 评论 -
jQuery统计数字不停的滚动最后停止
**jQuery统计数字不停的滚动最后停止**今天主要应用的是一个js库文件，来实现数字不停的翻滚，最后停止在那一刻显示 代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery统计数字不停的滚动最后停止</title> <script type="text/java原创 2015-11-06 11:40:59 · 1953 阅读 · 0 评论 -
jQuery跳跃性的无缝滚动
**jQuery跳跃性的无缝滚动**代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery跳跃性的无缝滚动</title> <script type="text/javascript" src="jquery-1.9.1.js"></script> <styl原创 2015-11-06 10:51:06 · 857 阅读 · 0 评论 -
可滑动手机日期插件
**可滑动手机日期插件**今天咱们来写使用一个很好的<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><原创 2015-11-05 17:20:45 · 1235 阅读 · 0 评论 -
点击按钮显示和隐藏列表内容
点击按钮显示和隐藏列表内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点击展开和隐藏</title> <link rel="stylesheet" type="text/css" href="../reset.css"> <link rel="stylesheet" typ原创 2015-11-01 00:34:52 · 6748 阅读 · 0 评论 -
带有左右箭头的幻灯片展示
带有左右箭头的幻灯片展示今天主要是通过jquery来实现 带有左右箭头的幻灯片展示,效果如下：1.html代码如下：带有左右箭头的轮播图body{margin: 0;padding: 0;}ul,ol{list-style: none;}#content{width: 1200px;margin:20px auto;overflo原创 2015-10-28 13:10:48 · 1343 阅读 · 0 评论 -
jQuery的DOM操作（二）
**jQuery的DOM操作（二）**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery中的DOM操作（二）</title> <script type="text/javascript" src="jquery-1.9.1.js"></script> <style原创 2015-11-05 19:59:50 · 330 阅读 · 0 评论 -
jquery-ui-datepicker插件的使用
**jquery-ui-datepicker插件的使用**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery ui datepicker</title> <script type="text/javascript" src="js/jquery-1.9.1.js"></sc原创 2015-11-16 17:29:36 · 406 阅读 · 0 评论 -
jQuery实现点击弹出层3秒后自动消失
jQuery实现点击弹出层3秒后自动消失<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="../reset.css"> <link rel="stylesheet" typ原创 2015-10-29 22:59:57 · 29746 阅读 · 0 评论 -
银行卡四位一空格代码
**银行卡四位一空格代码**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>充值兑换</title> <meta name="viewport" content="user-scalable=no,initial-scale=1.0,maximum-scale=1.0,width=d原创 2015-12-16 13:01:29 · 1994 阅读 · 0 评论