ixygj197875
码龄8年
  • 2,569,488
    被访问
  • 627
    原创
  • 1,385,341
    排名
  • 720
    粉丝
关注
提问 私信

个人简介：十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、Sass、Less、JavaScript、jQuery、JSON、Python、PHP、Bootstrap、Django等，著有《HTML宝典》、《揭秘CSS》、《Sass简明教程》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，多个开源项目托管在 GitHub。

  • 加入CSDN时间： 2014-10-29
博客简介：

歪脖先生的博客

博客描述：
分享Web知识，交流Web经验
查看详细资料
个人成就
  • 博客专家认证
  • 获得793次点赞
  • 内容获得107次评论
  • 获得2,430次收藏
创作历程
  • 6篇
    2020年
  • 173篇
    2019年
  • 609篇
    2018年
  • 49篇
    2017年
成就勋章
TA的专栏
  • 揭秘 CSS
    162篇
  • HTML 宝典
    93篇
  • Bootstrap3实用教程
    173篇
  • Bootstrap 教程
    154篇
  • Less 简明教程
    21篇
  • JSON教程
    5篇
  • ES6标准入门
    209篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jses6xhtml前端框架
  • 微软技术
    typescript
  • 小程序
    小程序
栏目分类
  • 歪脖网
  • 养心网
  • 揭秘 CSS
  • JSON 教程
  • HTML5 宝典
  • ES6 标准入门
  • Less 简明教程
  • 微信小程序开发教程
  • HTML5 Canvas实战
  • Bootstrap2 用户指南
  • Bootstrap3 实用教程
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

JSON和JavaScript对象互转

JSON的本质是一个字符串，它之所以受欢迎，是因为可以把JSON字符串解析为有用的JavaScript对象。ECMAScript5中，对解析JSON的行为进行了规范，并定义了一个全局对象JSON，该对象有两个方法：JSON.parse() 和 JSON.stringify()。JSON.parse()JSON.parse() 方法，用于把JSON字符串转换为原生的 JavaScript...
原创
发布博客 2020.04.01 ·
380 阅读 ·
0 点赞 ·
0 评论

JSON 数组

遍历 JSON 数组你可以使用 for-in循环来遍历数组：for(iinmyObj.sites){ x+=myObj.sites[i]+"<br>"; }你也可以直接使用 for 循环来遍历数组：for(i=0;i<myObj.sites.length;i++){ x+=myObj.sites[i]+"<...
原创
发布博客 2020.03.28 ·
234 阅读 ·
0 点赞 ·
0 评论

JSON 对象

访问 JSON 对象的值可以使用点号（.），或中括号（[]）来访问 JSON 对象的值。使用点号访问对象时，直接使用对象的 key 来访问， key 无须放在双引号中。如：<script> varmyObj,x; myObj={"github":"https://github.com/"}; x=myObj.github; docu...
原创
发布博客 2020.03.28 ·
201 阅读 ·
0 点赞 ·
0 评论

JSON语法

JSON语法JSON 键/值对JSON键/值对由键和值组成，键必须是字符串，值可以是字符串（string）、数值(number) 、对象（object）、数组（array）、true、false、null。如图 1‑1所示：图1-1 JSON的值在定义JSON键/值时，先是键名，后面写一个冒号，然后是值。如："github":"https://github.com/"这...
原创
发布博客 2020.03.27 ·
230 阅读 ·
0 点赞 ·
0 评论

JSON简介

JSON简介什么是JSONJSON是JavaScript Object Notation的简称，中文含义为“JavaScript 对象表示法”，它是一种数据交换的文本格式，而不是一种编程语言。JSON 是一种轻量级的数据交换格式，它基于 ECMAScript (w3c制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理...
原创
发布博客 2020.03.27 ·
1754 阅读 ·
0 点赞 ·
0 评论

windows2008R2+IIS部署python Django的web环境

windows2008R2+IIS部署python Django的web环境这篇文章写得非常好，非常仔细，它完全可以指导在 windows2008R2+IIS中部署python Django的web环境。这篇文章中，作者把所有的坑都明确标识出来，可以少走很多弯路。感谢作者潇洒哥Kahn的辛苦付出。这里对作者省略的内容进行补充，以备忘记。添加角色服务角色-》Web服务器（IIS...
转载
发布博客 2020.02.20 ·
455 阅读 ·
0 点赞 ·
0 评论

Bootstrap3 Font Awesome 字体图标的堆叠

堆叠的图标Font Awesome还支持将多个图标叠加在一起组成一个复合图标。如果想要将多个图标堆叠起来，需要给容器元素添加.fa-stack类，为图标元素使用.fa-stack-1x作为正常比例的图标，使用.fa-stack-2x作为大一些的图标。还可以为图标元素使用.fa-inverse类让图标颜色反色，为容器元素添加 .fa-lg、或.fa-2x、或.fa-3x、或.fa-4x、或.fa...
原创
发布博客 2019.06.05 ·
733 阅读 ·
3 点赞 ·
0 评论

Bootstrap3 Font Awesome 字体图标带动画的图标

带动画的图标Font Awesome不仅支持固定角度的旋转，还提供了带动画的旋转图标。可以使用.fa-spin类让任意图标动态持续旋转，还可以使用.fa-pulse类让图标以 8 步为周期进行旋转，它们尤其适合表示刷新、加载等功能的图标，如.fa-spinner、.fa-refresh和.fa-cog等：<divclass="fa-3x"> <iclass="fa ...
原创
发布博客 2019.06.05 ·
984 阅读 ·
1 点赞 ·
0 评论

Bootstrap3 Font Awesome 字体图标旋转或翻转图标

旋转或翻转图标Font Awesome提供了一组样式类，可以对图标进行固定角度的旋转或翻转。这些类分别是 .fa-rotate-90（顺时针旋转90度）、.fa-rotate-180（顺时针旋转180度）、.fa-rotate-270（顺时针旋转270度）、.fa-flip-horizontal（水平翻转）、.fa-flip-horizontal（垂直翻转）。如：<divclass...
原创
发布博客 2019.06.05 ·
2805 阅读 ·
1 点赞 ·
0 评论

Bootstrap3 Font Awesome 字体图标带边框的图标

带边框的图标使用.fa-border类，可以类轻易构造出带有圆角边框的图标。还可以添加.pull-right或.pull-left类，让图标向右或向左浮动，所有图标都支持这两个类。如：<div> <iclass="fa fa-quote-left fa-3x fa-border pull-left"></i> <p>歪脖网(waibo....
原创
发布博客 2019.06.05 ·
455 阅读 ·
1 点赞 ·
0 评论

Bootstrap3 Font Awesome 字体图标的尺寸

图标的尺寸通过应用.fa-lg、.fa-2x、.fa-3x、.fa-4x、.fa-5x类，让图标变得更大。按先后顺序，这些类所对应的图标大小按 33% 依次递增。如：<iclass="fa fa-camera-retro fa-lg"></i> <iclass="fa fa-camera-retro fa-2x"></i> <i...
原创
发布博客 2019.06.05 ·
634 阅读 ·
1 点赞 ·
0 评论

Bootstrap3 Font Awesome 字体图标的基本图标

基本图标Font Awesome图标跟Glyphicon图标的用法完全相同，所有图标都需要一个基类 .fa和对应每个图标的 .fa-*类。只需创建一个行内元素，并为它应用图标类，即可使用Font Awesome图标。如：<iclass="fa fa-camera-retro"></i>效果如图 5‑1所示：图5-1 基本图标关于作者...
原创
发布博客 2019.06.05 ·
1278 阅读 ·
0 点赞 ·
0 评论

Bootstrap3 Font Awesome 字体图标

简介Font Awesome 是一套绝佳的图标字体库，它提供可缩放的矢量图标，并且可以通过CSS来设置大小、颜色、阴影或者其它任何支持的效果。Font Awesome具有以下特性：一个字库，675 个免费图标。 完全免费，包括商业用途。 最初是为Bootstrap设计的，现在可以适用于所有框架。 完全不依赖JavaScript，不存在任何兼容性问题。 兼容桌面应用。 只要CSS支...
原创
发布博客 2019.06.05 ·
630 阅读 ·
0 点赞 ·
0 评论

Bootstrap3 Affix插件

AffixAffix插件（affix.js）是一个很有用的插件，它可以让你的导航始终都固定在某个位置。一开始的时候，导航出现在页面的某个位置，当页面滚动一定距离时，无论页面如何滚动，它都固定在一个位置，就像被帖在页面上一样。Affix插件被翻译为多种中文名称，如粘条、固定导航等，每种翻译都很难准确表达作者的原意。本文干脆不做翻译，直接使用Affix了事，免得画蛇添足。以下是Affix插...
原创
发布博客 2019.06.04 ·
928 阅读 ·
0 点赞 ·
0 评论

Bootstrap3 输入提示插件typeahead

输入提示输入提示是一个表单输入辅助类型的插件，它简单、易于扩展，可以在用户输入过程中，针对用户的输入快速地给出输入提示。在Bootstrap2中，输入提示是一个标准插件，到了Bootstrap3，它已经被独立出来，不再是Bootstrap的标准插件。如果要使用输入提示插件的功能，可以从Bootstrap2中拷贝 bootstrap-typeahead.js 文件。输入提示插件的基本原理...
原创
发布博客 2019.06.04 ·
2322 阅读 ·
2 点赞 ·
0 评论

Bootstrap3 轮番插件的事件

轮番插件的事件Bootstrap为轮番插件定义了两个事件，通过这些事件，可以监听播放行为及轮番组件的状态。这些事件及含义见表 4‑12。表 4‑12 轮番插件的事件及含义 事件 含义 slide.bs.carousel 当 slide 实例方法被调用时，立即触发该事件 slid.bs.carousel 当切换完一帧后，触发该事件 如，希望在轮番切换过程中，整...
原创
发布博客 2019.06.03 ·
156 阅读 ·
0 点赞 ·
0 评论

Bootstrap3轮番插件的选项

轮番插件的选项Bootstrap为轮番插件提供了 4 个选项，这些选项都可以通过 data 属性或JavaScript进行设置。选项的详细说明见表 4‑11：表 4‑11 carousel插件的选项 名称 类型 默认值 说明 interval number 5000 自动循环时，每个项目延迟的时间量。如果为 false，轮播将不会自动循环 pa...
原创
发布博客 2019.06.03 ·
144 阅读 ·
0 点赞 ·
0 评论

Bootstrap3 轮番插件的调用方式

轮番插件的调用方式1、JavaScript调用JavaScript调用轮番其实很简单，只需在脚本中调用 carousel() 方法即可。格式为：$('.carousel').carousel();除此之外，Bootstrap还提供了其它一些方法，可以根据需要选择使用。这些方法为：.carousel('cycle')：从左向右循环播放。 .carousel('pause...
原创
发布博客 2019.06.03 ·
199 阅读 ·
0 点赞 ·
0 评论

Bootstrap3 轮番插件的使用方法

轮番Bootstrap 的轮番插件（carousel.js）是一个灵活的、响应式的、无缝循环播放的幻灯片切换插件，它的内容可以是图片、视频、或者其他任何内容。使用方法Bootstrap中的轮番由一个 class="carousel" 的容器定义，其中包含轮番指示器、轮番内容、轮番的控制按钮。为了确保在播放时，能够对控制按钮和轮番指示器进行正常定位，需要为容器定义一个 id。如：...
原创
发布博客 2019.06.03 ·
403 阅读 ·
0 点赞 ·
0 评论

Bootstrap3 折叠插件的事件

折叠插件的事件Bootstrap还为折叠组件提供了一组事件，通过这些事件，可以监听用户的行为及折叠组件的状态。这些事件及含义见表 4‑10。表 4‑10 折叠插件的事件及含义 事件 含义 show.bs.collapse 调用show方法时，立即触发该事件 shown.bs.collapse 当可折叠元素对用户完全可见（会等待过渡效果执行结束）后，触发该事件 ...
原创
发布博客 2019.06.02 ·
627 阅读 ·
0 点赞 ·
0 评论
加载更多