随笔分类 -  web前端-三剑客

摘要:【指南】 H5 手机 App 开发入门:概念篇 - 阮一峰的网络日志 H5 手机 App 开发入门:技术篇 - 阮一峰的网络日志 阅读全文
posted @ 2020-12-24 16:58 bigorangecc 阅读(147) 评论(0) 推荐(0)
摘要:博客主题,DIY自己喜欢的就好~ 现博客主题,是【绿色自然猫系主题】, 主角logo是一只名叫‘奶牛’的流浪猫; 背景图是2020初秋绽放在草坪的野生牵牛花,迎着早晨8点的灿烂阳光…… 日后有余力,定会创建个人网站,敬请关注。 参考:https://www.sogou.com/sie?hdq=AQx 阅读全文
posted @ 2020-08-20 16:20 bigorangecc 阅读(189) 评论(0) 推荐(0)
摘要:1、添加音乐播放器(例如 网易云音乐) 【html5 音乐播放器】 源码 GitHub - MoePlayer/APlayer: Wow, such a beautiful HTML5 music player 中文使用指南 https://aplayer.js.org/#/zh-Hans/?id= 阅读全文
posted @ 2020-05-21 22:17 bigorangecc 阅读(768) 评论(0) 推荐(1)
摘要:【参考资料】 Bootstrap 中文文档 ·——Bootstrap 是世界上最流行的、移动设备优先的、响应式前端开发框架。 https://v3.bootcss.com/ 全局 CSS 样式 · Bootstrap v3 中文文档 【CSS】 https://v3.bootcss.com/css/ 阅读全文
posted @ 2020-05-21 19:00 bigorangecc 阅读(1348) 评论(0) 推荐(0)
摘要:一、简介 该框架已经帮你写好了很多页面样式,你如果需要使用,只需要下载它对应文件,之后直接cv拷贝即可 在使用Bootstrap的时候所有的页面样式都只需要你通过class来调节即可 版本选择建议使用v3版本:https://v3.bootcss.com/ 【注意】 bootstrap的js代码是依 阅读全文
posted @ 2020-05-21 18:42 bigorangecc 阅读(685) 评论(0) 推荐(0)
摘要:动画 参考阅读: https://www.cnblogs.com/xiaoyuanqujing/articles/11670140.html 插件机制(干货满满) 参考阅读: https://www.cnblogs.com/xiaoyuanqujing/articles/11670482.html 阅读全文
posted @ 2020-05-21 17:53 bigorangecc 阅读(302) 评论(0) 推荐(0)
摘要:【目录】 一、jQuery操作标签 二、jQuery绑定事件 一、jQuery操作标签 1、操作类 class js版本 jQuery版本classList.add() addClass()classList.remove() removeClass()classList.contains() ha 阅读全文
posted @ 2020-05-20 21:23 bigorangecc 阅读(630) 评论(0) 推荐(0)
摘要:1、完整代码 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" c 阅读全文
posted @ 2020-05-20 16:40 bigorangecc 阅读(380) 评论(0) 推荐(0)
摘要:使用编辑器:Typora 下载官网:https://www.typora.io/ 学习教程:https://www.markdown.xyz/ 1、代码块 (1)源代码模式 (2)菜单栏设置 菜单栏——【段落】—— 【代码块】 可自行选择代码语言 (3)快捷方式 英文输入法状态下,点击三次 键盘数字 阅读全文
posted @ 2020-05-20 12:50 bigorangecc 阅读(438) 评论(0) 推荐(0)
摘要:【目录】 一、jQuery 简介 二、jQuery 的基本使用——选择器 一、jQuery 简介 1、介绍 jQuery内部封装了原生的js代码(还额外添加了很多的功能)能够让你通过书写更少的代码 完成js操作 类似于python里面的模块 在前端模块不叫模块 叫 “类库” 兼容多个浏览器的 你在使 阅读全文
posted @ 2020-05-19 21:14 bigorangecc 阅读(399) 评论(0) 推荐(0)
摘要:【目录】 一、BOM操作 1、window 对象 2、window 子对象 3、history 对象 4、location 对象(掌握) 5、弹出框 6、计时器相关 二、DOM操作 1、DOM相关概念 2、查找标签 3、节点操作 4、获取值操作 5、class、css操作 6、原生JS事件 (以下是 阅读全文
posted @ 2020-05-18 22:15 bigorangecc 阅读(577) 评论(0) 推荐(0)
摘要:【目录】 一、number 二、string 三、array 四、math 五、date 一、number 二、string 2-1属性 length 字符串长度 三、array 3-4 数组元素的添加与删除 四、math 五、date 参考阅读: https://www.cnblogs.com/x 阅读全文
posted @ 2020-05-15 12:17 bigorangecc 阅读(265) 评论(0) 推荐(0)
摘要:【目录】 一、JavaScript 函数 1、声明函数的方法 2、参数问题 3、回调函数 4、递归函数 5、自调函数 6、闭包函数 二、JavaScript 作用域 1、局部作用域 2、全局作用域 3、作用域链 4、块状作用域(ES6) 一、JavaScript 函数 1、声明函数的方式 (1)fu 阅读全文
posted @ 2020-05-15 12:04 bigorangecc 阅读(266) 评论(0) 推荐(0)
摘要:【目录】 一、分支结构 二、循环结构 1、for循环 2、while循环 3、for …in 迭代器 4、break / continue 关键词 三、JavaScript 对象 1、object 类型 2、声明类(构造函数) 函数名 ( 条件表达式 ){ 代码块 } 一、if 分支结构 1、 if 阅读全文
posted @ 2020-05-15 09:10 bigorangecc 阅读(361) 评论(0) 推荐(0)
摘要:【目录】 一、变量的定义 二、变量的命名规范 三、基本数据类型 1、值类型 2、引用类型 四、运算符 1、算数运算符 2、赋值运算符 3、比较运算符 4、逻辑运算符 5、三目运算符 一、变量的定义 # 在js中 首次定义一个变量名的时候需要用关键字声明 1.es5 :关键字var 定义变量,没有常量 阅读全文
posted @ 2020-05-15 08:48 bigorangecc 阅读(326) 评论(0) 推荐(0)
摘要:@ 2020.5.14 如何快速搭建一个博客园风格的界面?只需两个文件,很多行代码就可搞定噢 下面带你一起来山寨DIY吧 1、思路 html 1、新建html 文件,用注释标注代码块 2、先用 div 划定区域——左栏 右栏 3、使用html 占位,再调节样式 为标签添加 id / class 属性 阅读全文
posted @ 2020-05-14 21:11 bigorangecc 阅读(499) 评论(1) 推荐(0)
摘要:【目录】 一、什么是JavaScript 二、如何学习JavaScript 三、JavaScript 的三种书写位置 一、什么是JavaScript 1、简介 JavaScript 和 Java 一点关系也没有,有也只是JavaScript 蹭 Java的热度罢了…… # ECMAScript和Ja 阅读全文
posted @ 2020-05-14 12:15 bigorangecc 阅读(291) 评论(0) 推荐(0)
摘要:(待续ing) 一、示例 超级无敌简易版博客园: https://www.cnblogs.com/bigorangecc/p/12891419.html jQuery简易网页: https://www.cnblogs.com/bigorangecc/p/12924475.html 学习资源,你想要的 阅读全文
posted @ 2020-05-14 10:40 bigorangecc 阅读(640) 评论(0) 推荐(0)
摘要:【目录】 一、布局相关的标签 二、盒子模型 三、浮动 四、定位 (有个即刻偷师学艺的方法—— 在浏览器里,打开一个设计很棒的网页,鼠标点击右键,选择“检查”,即可查看网页的HTML+CSS代码和相对应的布局位置 调试自己写的网页时,也可以使用“检查”直接修改代码) 一、布局相关的标签 # 布局都是用 阅读全文
posted @ 2020-05-13 17:55 bigorangecc 阅读(454) 评论(0) 推荐(0)
摘要:【目录】 一、文字样式 二、背景样式 三、显示样式 四、边框 一、文字样式 用于控制字体 文本显示的方式 font-weight用来设置字体的字重(粗细) 值描述 normal 默认值,标准粗细 bold 粗体 bolder 更粗 lighter 更细 100~900 设置具体粗细,400等同于no 阅读全文
posted @ 2020-05-13 09:27 bigorangecc 阅读(242) 评论(0) 推荐(0)