JS模块化

1. 课程目标

1. 理解模块与模块化
2. 了解各种模块化规范及其实现
3. 区别各个模块化规范之间的区别
4. 掌握基于CommonJS和ES6模块化规范的编码

2. 模块化的理解

1). 什么是模块?

将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起
块的内部数据/实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信
more >>

展开全文 >>

Web阅读器开发-笔记

课程链接

课程介绍

  • 了解阅读器工作原理，了解epub格式的解析原理
  • 运用Vue.js+epub.js实现一个简单的阅读器
  • 实现阅读器的基础功能，如字号选择、背景色选择等

课程安排

  1. 阅读器原理学习
  2. 搭建vue-cli环境
  3. 编写阅读器源码
  4. 总结学习知识点 more >>

展开全文 >>

前端资源列表

转自：https://github.com/windiest/Front-end-tutorial

Javascript

Article Article
Javascript深浅拷贝 Javascript中的apply和call继承
Javascript的jsonp原理 Javascript监听触摸事件
Javascript中的var self = this Javascript面向对象编程
Javascript滑屏切换场景 Javascript获取经纬度，关于调用百度API的问题
妙用Javascript运算符 深入理解Javascript函数编程
Javascript的setTimeout详细用例 sessionstorage，localstorage和cookie
JS日期对比 JSONP参考文章
Javascript的createElement Javascript的createDocumentFragment
sessionStorage和localStorage 像素帧动画
Reference Reference
收集最全前端学习资料 最全前端教程-猫的回忆录
JavaScript中的this陷阱的最全收集–没有之一 JS函数式编程指南
JavaScript Promise迷你书（中文版） 阮一峰 Javascript
前端 TOP 100 小白的零基础JavaScript全栈教程
more >>

展开全文 >>

前端插件-使用

前端插件

前端模板

Jquery Upload File

1
2
3
4
5
6
<link rel="stylesheet" type="text/css" href="js/jQuery-File-Upload-9.18.0/css/jquery.fileupload.css" />

<script src="js/jquery/jquery.min.js"></script>
<script type="text/javascript" src="js/jQuery-File-Upload-9.18.0/js/vendor/jquery.ui.widget.js"></script>
<script type="text/javascript" src="js/jQuery-File-Upload-9.18.0/js/jquery.iframe-transport.js"></script>
<script type="text/javascript" src="js/jQuery-File-Upload-9.18.0/js/jquery.fileupload.js"></script>
more >>

展开全文 >>

PHP-笔记

输出json数据

1
2
<?php
echo '{"code":0,"msg":"","count":1000,"data":[{"id":10000,"username":"user-0","sex":"女","city":"城市-0","sign":"签名-0","experience":255,"logins":24,"wealth":82830700,"classify":"作家","score":57},{"id":10029,"username":"user-29","sex":"男","city":"城市-29","sign":"签名-29","experience":647,"logins":107,"wealth":97450636,"classify":"酱油","score":27}]}';

展开全文 >>

JavaScript高级面向对象

1.面向对象编程介绍

1.2面向过程编程POP(Process-oriented programming)

面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。

举个粟子∶将大象装进冰箱，面向过程做法。

  1. 打开冰箱门
  2. 大象装进去
  3. 关上冰箱门

面向过程，就是按照我们分析好了的步骤，按照步骤解决问题。

more >>

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia-plus根目录）执行以下命令：
    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

主要涉及技术