随笔分类 - 前端
前端的一些知识
摘要：
小程序基础 小程序构成 项目结构 pages # 用来存放页面 utils # 用来存放工具类 app.js # 小程序的入口 app.json # 小程序的配置文件 app.wxss # 小程序的全局样式 project.config.json # 小程序的项目配置 sitemap.json
阅读全文
小程序基础 小程序构成 项目结构 pages # 用来存放页面 utils # 用来存放工具类 app.js # 小程序的入口 app.json # 小程序的配置文件 app.wxss # 小程序的全局样式 project.config.json # 小程序的项目配置 sitemap.json
阅读全文
摘要：
Vue2 vue基础 什么是vue 构建用户界面的渐进式框架 渐进式框架的大概意思就是你可以只用我的一部分,而不是用了我这一点就必须用我的所有部分 MVVM model 数据 view 页面 ViewModel mvvm 模式的核心，它是连接 view 和 model 的桥梁 双向数据绑定 **数据
阅读全文
Vue2 vue基础 什么是vue 构建用户界面的渐进式框架 渐进式框架的大概意思就是你可以只用我的一部分,而不是用了我这一点就必须用我的所有部分 MVVM model 数据 view 页面 ViewModel mvvm 模式的核心，它是连接 view 和 model 的桥梁 双向数据绑定 **数据
阅读全文
摘要：
#JS高级 字符串的match方法 字符串.match(正则)； //会根据正则提取数据 得到数组 let str="1 plus 2 equal 3"; let a = str.match(/\d+/g); console.log(a); //数组 [1,2,3] 闭包 内部函数访问, 外部函数导
阅读全文
#JS高级 字符串的match方法 字符串.match(正则)； //会根据正则提取数据 得到数组 let str="1 plus 2 equal 3"; let a = str.match(/\d+/g); console.log(a); //数组 [1,2,3] 闭包 内部函数访问, 外部函数导
阅读全文
摘要：
Web APIs Web APIs 什么是DOM 文档对象 操作网页的内容 实现用户交互 DOM树 标签与标签的关系 DOM对象 把网页内容当对象 , 它提供的属性和方法都是访问和操作网页内容 , 网页所有内容都是document 获取DOM对象 //选择匹配的第一个元素 document.quer
阅读全文
Web APIs Web APIs 什么是DOM 文档对象 操作网页的内容 实现用户交互 DOM树 标签与标签的关系 DOM对象 把网页内容当对象 , 它提供的属性和方法都是访问和操作网页内容 , 网页所有内容都是document 获取DOM对象 //选择匹配的第一个元素 document.quer
阅读全文
摘要：
Sass和Less ####Scss和Sass Sass是Sass 3.0 之前的版本 scss 是Sass 3.0 之后的版本 变量 // 语法 $变量名: 变量值; $red: red; .box{ background: $red; border: 1px solid $red; } 嵌套 u
阅读全文
Sass和Less ####Scss和Sass Sass是Sass 3.0 之前的版本 scss 是Sass 3.0 之后的版本 变量 // 语法 $变量名: 变量值; $red: red; .box{ background: $red; border: 1px solid $red; } 嵌套 u
阅读全文
摘要：
JavaScript基础 JavaScript-介绍 书写方式 内联 <button onclick="alert('内联')">内联</button> 内部书写 一般写在 上面 <script> alert('内部样式') </script> 外部引入 一般写在 上面 <script src=".
阅读全文
JavaScript基础 JavaScript-介绍 书写方式 内联 <button onclick="alert('内联')">内联</button> 内部书写 一般写在 上面 <script> alert('内部样式') </script> 外部引入 一般写在 上面 <script src=".
阅读全文
摘要：
移动Web 移动端特点 移动端和PC端同异 PC屏幕大 ，网页固定版心 手机屏幕小，网页宽度100% 分辨率 屏幕尺寸 指的是屏幕对角线长度，一般用英寸表示 分辨率 硬件分辨率(出厂设置) 缩放调节的分辨率 (软件设置) 分辨率分类 物理分辨率（固定的，不可改变） 逻辑分辨率（由软件驱动决定的）网页
阅读全文
移动Web 移动端特点 移动端和PC端同异 PC屏幕大 ，网页固定版心 手机屏幕小，网页宽度100% 分辨率 屏幕尺寸 指的是屏幕对角线长度，一般用英寸表示 分辨率 硬件分辨率(出厂设置) 缩放调节的分辨率 (软件设置) 分辨率分类 物理分辨率（固定的，不可改变） 逻辑分辨率（由软件驱动决定的）网页
阅读全文
摘要：
语义标签 为什么要语义化 代码结构：在没有css的情况下也能呈现出很好的内容 有利于SEO：可以和搜索引擎建立良好的沟通 便于团队开发和维护：语义化代码更具有可读性 h1~h6 定页面标题 h1元素具有最高等级 <h1>大标h1</h1> <section> <h2>标题h2</h2> <h3>标题
阅读全文
语义标签 为什么要语义化 代码结构：在没有css的情况下也能呈现出很好的内容 有利于SEO：可以和搜索引擎建立良好的沟通 便于团队开发和维护：语义化代码更具有可读性 h1~h6 定页面标题 h1元素具有最高等级 <h1>大标h1</h1> <section> <h2>标题h2</h2> <h3>标题
阅读全文
摘要：
css基础 css的引入方式 内嵌式 css样式需要写在style标签中 只在当前页面生效 <!DOCTYPE html> <html lang="en"> <head> <title>内嵌式</title> <!-- style需要写在 head里面 title下面最好 --> <style> p
阅读全文
css基础 css的引入方式 内嵌式 css样式需要写在style标签中 只在当前页面生效 <!DOCTYPE html> <html lang="en"> <head> <title>内嵌式</title> <!-- style需要写在 head里面 title下面最好 --> <style> p
阅读全文
摘要：
HTML初识 web标准 web定义 让不同的浏览器按照相同的标准显示结果，让展示效果统一 web标准的构成 结构 HTML 页面元素和内容 表现 CSS 页面外观 样式 颜色 行为 JavaScript 页面交互 五大浏览器 IE浏览器 火狐浏览器（Firefox） 谷歌浏览器 （Chrome）
阅读全文
HTML初识 web标准 web定义 让不同的浏览器按照相同的标准显示结果，让展示效果统一 web标准的构成 结构 HTML 页面元素和内容 表现 CSS 页面外观 样式 颜色 行为 JavaScript 页面交互 五大浏览器 IE浏览器 火狐浏览器（Firefox） 谷歌浏览器 （Chrome）
阅读全文
