每天10个前端知识点：目录

以下内容若有问题烦请即时告知我予以修改，以免误导更多人。

  • blog1
      1. js六大数据类型
      1. 数据类型补充
      1. 数字相关判断方法
      1. 变量
      1. 运算符
      1. 常见变量命名前缀
      1. 字符串转化为数字
      1. 数字转化为字符串
      1. if语句变形
      1. js及事件的笼统概念
  • blog2
      1. js操作元素属性
      1. js设置复杂样式
      1. 物体从中心放大
      1. a链接防止刷新
      1. 循环添加事件，事件中的循环变量不能用
      1. 浏览器加载的过程
      1. DOM获取元素方法
      1. js中的真假
      1. 获取元素当前样式(兼容)
      1. 获取一个n~m之间的随机数(n<m，且不包括m)
  • blog3
      1. 返回值问题(return)
      1. undefined出现的情况
      1. eval(字符串)
      1. 数字小于10的补零函数
      1. 定时器
      1. 日期对象
      1. 日期对象应用
      1. 事件函数相同可以合并
      1. this
      1. 闭包
  • blog4
      1. 参数的数组arguments
      1. 设置样式的三种方法
      1. 字符串的相关方法
      1. 字符串比较
      1. 字符串应用
      1. 定义数组
      1. 数组的相关方法
      1. json(object类型)
      1. Math方法
      1. try-catch捕获异常
  • blog5(数组应用)
      1. 数组翻转方法2
      1. 首字母大写
    • 3.快速清空数组
      1. 数组排序方法
      1. 数组内查找元素是否存在
      1. 数组去重的多种方法
    • 补一个字符串的应用
  • blog6
      1. select下拉框的相关属性
      1. 预解析
      1. 已知计算机编码查看对应单词
      1. 字节长度和编码的关系
      1. 严格模式
      1. 连等及逗号运算符
      1. 文本提示框
      1. form表单
  • blog7(js组成)
      1. js实现的组成
      1. DOM节点关系
      1. DOM节点操作
      1. DOM属性操作
      1. BOM
  • blog8(各种宽高，距离)
      1. 滚动距离
      1. 滚动高度
      1. 可视区高度
      1. 物体高度
      1. offsetHeight && getStyle()
      1. 物体的相对距离
      1. 关于父级
      1. 封装一个物体距离左边/上边的绝对位置的函数
  • blog9(事件篇)
      1. 事件对象
      1. 事件冒泡
      1. 事件绑定
      1. 关于捕获(这点理解不是很到位)
      1. 事件解绑
      1. 查看鼠标点击位置
      1. 键盘事件
      1. 鼠标事件
      1. domReady
      1. 事件委托
      1. 事件源
  • blog10(原生运动框架)
    • move.js
  • blog11(move框架应用) (上)
      1. 仿jiaThis分享到
      1. 幻灯片
      1. 手风琴
      1. 多图片展开
  • blog12(move框架应用) (中)
      1. 运动时钟
      1. 返回顶部
      1. 无缝滚动
      1. 无缝幻灯片
      1. 带进度条的无缝幻灯片
  • blog13(move框架应用) (下)
      1. 打字依次显示效果
      1. 收起当前页放出下一页效果
      1. 分块运动
      1. 仿Mac 感应变大效果
  • blog14(前端规范)
      1. Reset.css && Normailze.css
      1. css命名规范
      1. 注释的写法
      1. id命名
      1. class的命名
      1. css层次
      1. css书写次序
      1. 媒体查询(media)屏幕宽度
      1. js常见变量命名
  • blog15(原生篇6) cookie、Require、数据交互前导
      1. cookie
      1. 模块化
      1. Require.js
      1. 数据交互
      1. eval的替代用法
      1. 数据交互时输入中文问题
  • blog16(ajax jsonp)
      1. Ajax前导
      1. Ajax
      1. Ajax服务器相关
      1. Ajax2.0事件
      1. 关于锚点hash
      1. Ajax跨域
      1. jsonp前导
      1. jsonp
      1. 跨浏览器的CORS
  • blog17(jQuery上)
      1. jQuery && js
      1. jQuery效果
      1. jQuery选择器
      1. jQuery操作css属性
      1. jQuery操作内容
      1. jQuery操作类名
      1. jQuery操作属性
      1. jQuery DOM
      1. jQuery事件
  • blog18(jQuery下)
      1. jQuery获取物体信息
      1. jQuery筛选
      1. jQuery js
      1. jQuery链式运动
      1. jQuery循环
      1. jQuery工具
      1. jQuery Ajax
      1. jQuery jsonp
      1. jQuery插件
  • blog19(正则)
      1. 正则表达式
      1. 正则定义的多种方法
      1. 正则校验
      1. 正则使用的字符串相关方法
      1. 特殊字符
      1. 元字符(一个字符)
      1. 限定符
      1. 转义字符
    • 9.单词边界
      1. 简单示例
  • blog20(正则应用)
      1. 校验座机号码
      1. 校验邮箱
      1. 校验年龄(18-100)
      1. 仿trim()去除首尾空格
      1. 校验名字
      1. 首字母大写
      1. 过滤标签
      1. 正则getByClass等方法
  • blog21(性能优化)
      1. 性能优化
      1. 重排 && 重绘
      1. 图层
      1. 执行性能优化
      1. 网络性能优化
      1. 垃圾回收 GC(Gabage Collection)
      1. 递归
  • blog22(面向对象)
      1. 面向对象
      1. 引用类型
      1. 创建对象前导
  • blog23(面向对象 中)
      1. 创建对象
      1. 原型与原型链
      1. 原型应用
  • blog24(面向对象 下)
      1. 如何编写面向对象程序
      1. 面向对象：继承
      1. 解决变量名冲突的多种方法
      1. 伪数组问题
      1. js的冒泡(Bubbling Event)和捕获(Capture Event)的区别
      1. 如何写一个自己的框架
  • blog25 (算法与数据结构)
      1. 查找算法
      1. 排序算法
      1. 数据结构
  • blog 26 (代码管理与常见命令)
      1. svn代码版本管理工具
      1. git分布式版本控制系统
      1. git的使用姿势
      1. git与svn的区别
      1. 常用命令
      1. 常用快捷键
  • blog27 (HTML5)
    • HTML5语法概要
      1. H5新增元素
      1. H5新增属性
      1. H5选择器补充
      1. H5自定义属性 dataset
      1. H5元素类名操作 classList
      1. H5本地存储 localStorage
      1. H5地理位置 geolocation
      1. H5音频 audio
      1. H5视频 video
      1. H5文件 FileReader
      1. H5 web工作线程 webworker
      1. H5 webSocket 网络套接字
      1. H5画布 canvas
      1. H5内联SVG
  • blog28 (杂技)
      1. toString() && valueOf()
      1. JSON stringify & parse
      1. +new Date()
      1. Array.prototype.slice.call(arguments, 0) 剖析
      1. JS Bridge建立Native与H5间通信
  • blog29 (css3)
      1. CSS3老版浏览器兼容处理
      1. CSS3新增选择器
      1. CSS3新增属性
      1. CSS3媒体查询 media

更多内容可以订阅本人微信公众号，一起开启前端小白进阶的世界！

公众号不发文的时候推送一些我觉得好用的前端网站或者看到的一些问题的解决方案，也更便于大家交流，就酱。

微信公众号：无媛无故

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true