06 2019 档案
摘要：1、混合app开发原理 2、配置react native基本开发环境 可以看官网 3、搭建RN项目 详情见官网 4、组件使用方式 其中react native 提供了很多组件，详情见官网 5、路由 6、加载下一页、加载页面 7、项目开发完后打包成apk的安装包
阅读全文
摘要：1、搭建开发环境 2、按照开发习惯建好源码的目录文件结构 3、开始开发 项目的js打包入口文件 index.js 项目的根组件 安装并导入项目开发依赖的包 react react-dom react-router-dom 结合react-ant-desing ui组件开发 react中如何获取数据
阅读全文
摘要：1、下载 yarn add react-router-dom --save 2、导入 3、使用 所以的路由模块都必须包在Router标签内部，同时推荐把Router标签写在最外层; Router标签在一个网站中，只使用一次就行（推荐只使用一次Router标签，即使有多个路由的情况） 匹配路由参数 4
阅读全文
摘要：1、前端3大框架的对比 2、React 基本介绍 虚拟dom diff算法 对比差异 3、搭建react开发环境 npx create-react-app my-app cd my-app npm start React中定义组件 方式1： 构造函数 这种是创建的组件是无状态组件 方式2： clas
阅读全文
摘要：1、什么是APP 使用HBuilder打包出一个app应用 新建一个5+app的项目，模板选空项目就行，然后把自己的项目目录依赖覆盖进来（html、css、js等）， 然后双击manifest.json文件去配置自己app的平台和各种配置 然后点击发行 原生app云打包，最后打包生成了.apk文件
阅读全文
摘要：1、是什么 微信小程序是基于微信平台开发的小应用 在微信里面可用，小程序无需安装和卸载 2、怎么用 搭建开发环境 上微信公众平台下载开发小程序的工具（微信公众平台 小程序 工具 下载） 启动小程序开发工具 认识各个tab工具 了解项目目录结构 wxml是严格遵循xml规范的，不是html规范、wxs
阅读全文
摘要：·1、vuex用法 1、安装vuex npm 2、导入、use 3、写代码 4、任何组件都可读取修改状态管理工具中的数据
阅读全文
摘要：1、移动端UI框架 mint ui 以上全部导入组件体积有点大，所以最好推荐是按需导入 2、移动端框架 MUI 类似于bootstrap一样 是代码片段，引入包之后直接拷代码片段就行 下面这张方式mui的包不是通过npm下载的，是在github上下载的 点击加载更多 注意点： 所有的数据最好都要有初
阅读全文
摘要：1、导vue的包，搭建vue开发环境 2、组件开发 .vue文件 就是vue中纯粹的组件 组件文件构成：tempalte script style vue-loader会把这个.vue文件编译解析成js返回给main.js去打包 webpack默认无法打包编译 .vue文件类型，需要安装相关的loa
阅读全文
摘要：1、webpack 是一个前端项目构建工具，是基于nodejs开发的，前端工具 1、产生背景 合并（减少二次请求，提高网页加载速度）、压缩（节省带宽，节约用户流量） base64位编码的好处：编码过后的字符串，这样图片就会随着html代码结构一起下载到客户端，这样第一次请求就能加载到这个图片了而不需
阅读全文
摘要：1、什么是路由？ url中的hash：https://blog.csdn.net/qq_41219391/article/details/84307129 2、vue路由 1、安装路由： 1、直接下载vue-router.js文件 2、用包管理工具npm 下载并管理 2、使用路由 路由时如何工作的
阅读全文
摘要：vue中全局的概念是什么？ 就是全局定义的功能，所有实例化的vm都可以使用， 全局定义的是挂在构造函数Vue上面的，所以实例化出的对象都可以使用这个功能 1、什么是组件？ 从UI的角度把页面拆分成不同的部分，组件的优势：可复用，能够拆分vue实例代码，保证代码的可读性 模块化和前端组件化的区别：一个
阅读全文
摘要：1、vue中的动画 vue中的动画没有css3那样的炫酷，只有些简单的位移，淡入淡出啥的 第一种实现动画：transition+2组类来实现 第二种实现动画：第3方库（插件） 其中第一种和第二种都是完整动画，有进场有离开 第三种动画： 半场动画(比如我们常见的加入购物车功能： 每次点加入购物车都会有
阅读全文
摘要：1、vue实例的生命周期 2、vue-resource 是一个第3方包（和vue配套使用的第3方包，因为在vue中不提倡使用jquery） 其中options，和errorCallback都是可选参数，非必传 改造：配置全局的根路径，全局配置post请求表单提交要配置的参数 3、axios get
阅读全文
摘要：1、为什么要学习流行框架？ 2、mvc和mvvm的关系图解 3、vue的基本语法和概念 1、Vue中的指令 利用浏览器模拟网速慢的时候的界面 a、解决插值表达式闪烁问题 网速慢时，vue包下载速度慢时会出现这个{{}}闪烁问题 b、v-bind c、v-on 2、小案例 3、双向数据绑定 v-mod
阅读全文
摘要：1、git 代码管理工具 2、git命令行 git add ./xxx (把文件放在仓库门口) git commit -m "修改了什么" 结合git add 提交具体文件的修改 git commit --all -m "修改了什么" 一次性提交所有修改 git log 查看修改记录 日志 3、项目
阅读全文
摘要：1、后台接口（之前说过接口的概念：后台提供的url只是用来提供数据给前台，而不是页面，那样的url就叫做接口）开发的主流 a、json接口（接口类型一般都是根据后端返回给前端的数据的类型来说的） 在接口中对数据进行处理，数据存在数据库中，那就是说用sql语句操作数据后，再返回数据给前台 这就是接口要
阅读全文
摘要：1、先安装第3方包 新建项目文件夹-》建入口js文件-》npm init 创建包管理文件 package.json -》npm install mysqljs/mysql 2、在项目入口文件来做数据库操作(数据库操作语句，其实可以去npm官网查看这个masql插件的文档) 真实的工作场景中，数据库位
阅读全文
摘要：express框架实际上就是对nodejs上面1~6那些底层的api做了一层新的封装，形成了一些api，使基于nodejs开发web更方便快速 最简单案例 express框架实现服务器功能 express框架静态资源（html css js 图片等资源）的托管功能 从代码上看非常简单 express
阅读全文
摘要：1、初步实现服务器功能详解 a、静态服务器功能 提供静态网页（不管什么路径访问的响应只有ok） b、优化a做的功能 处理路径的分发（我们期待结果是不同路径对应不同响应处理（页面）） 通过postman工具可以发送post请求来测试接口（url） 案例：用nodejs做动态网站 使用http模块初步实
阅读全文
摘要：1、推荐一个特定的模块完成一个特定的功能 用npm这个工具维护第3方的包，对包的管理 包括： 安装 更新 卸载
阅读全文
摘要：1、node的基本操作 a、Buffer的基本操作 b、系统核心模块api 路径操作 看nodejs的api文档 以上是针对比较小的文件的读写操作 大文件操作（流式操作） nodejs中也可以基于事件来编程（这也是nodejs的核心思想之一）
阅读全文
摘要：1、node环境配置 1、node.js的开发环境（利用nvm做node的多版本管理还是很有用的） 2、node模块化 node中是没有全局的window对象的，但是有一个很类似的概念global 1、模块化开发 理解不同模块内部的成员是相互独立的 如： 一个模块（js）中的方法能不能直接被另一个模
阅读全文
摘要：1、响应式开发介绍 a、网页布局方式 b、响应式布局 优点：用一个页面适配不同终端的展示 缺点：产生代码冗余，同时使网页体积变得很庞大，不会因为终端的改变而改变网页的体积，不同终端上有些没有显示出来的实际上也加载个渲染了只是看不到，但是那些资源都请求了，那对浏览页面速度和流量而言影响也很大，所以在移
阅读全文
摘要：1、移动端插件（js类库） 项目中常用（开发中特别喜欢用插件，因为可以提供效率，在减少带宽和减少服务器压力的前提下按需引用插件） zepto也算一个 a、fastclick.js 解决移动端click事件的延迟问题和点透问题（在移动端中click事件有延时，最先触发的是touch事件，之后才是cli
阅读全文
摘要：html,body,ul,li,img,a,p,div,form,input,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent;}bo
阅读全文
摘要：1、移动端开发不用jquery的原因 jquery使用的优点中很大一个原因是解决了js的兼容性，但是在移动端开发中移动端的浏览器都很新进的浏览器，他的兼容性问题不需要jquery，所以不用考虑兼容性， 移动端的动画时支持css3的，所以直接使用css3来实现动画可以减少我们对jquery中动画函数的
阅读全文
摘要：步骤： 1、建好项目目录（html、css、js分离） 2、设置视口，不允许缩放 3、设置公共样式（样式重置 + 添加新的样式） 4、为大部分标签设置盒模型（避免之后设置宽度再设置border啥的再去额外计算） 5、添加新样式（清除浮动啥的） 6、布局整个页面（从大到小，从上往下，注意：浮动的元素，
阅读全文
摘要：总结：移动端适配方案 或者直接做响应式页面，让pc端和移动端的界面排版不一样 1、移动web基础知识 移动web开发和web开发没有本质的区别：都是使用html（html5）、css（css3）、js、以及一些相关的技术在开发 只不过移动web开发更侧重于移动端（手机、ipad）的显示，使页面在更小
阅读全文
摘要：因为不同浏览器下播放器长的不一样，为了让用户可以使用同一样式播放器 ，我们自己来设置播放器样式 进度条的写法
阅读全文
摘要：1、拖放 案例： 当只有一个对象要拖拽时，可以把拖拽绑定在元素上，但是有批量拖拽时，建议把拖拽绑定在document 页面上，这种方式是利用了事件代理（事件冒泡）。 然后通过event.target（获取拖拽目标元素） 2、本地存储（重要） cookies 缺点：容量非常小 4kb左右，cookie
阅读全文
摘要：1、h5新增api 1、检测网络状态 2、全屏显示 3、文件读取 选中一张图片时 选中多张图片时 4、地理定位 注意：在中国用谷歌定位在浏览器端是用不了的，在移动端可以用获取定位，但我们国内一般是用百度、高德 第3方百度地图api的使用方法： 1、登录百度地图api官网 http://lbsyun.
阅读全文
摘要：注意移动端内核一般版本很高，没什么太多兼容性问题 1、h5的兼容性问题 h5和css3 对浏览器的版本要求是比较高的，ie的话是ie9以上，其他浏览器还好 改进 写兼容性（条件注释）
阅读全文
摘要：1、案例目的 2、准备工作 项目文件（html、css、js分离） 为什么要用全屏滚动插件 3、开始开发 引入外部文件 看文档开发 设置自定义样式（可修改插件的样式，利用css样式层叠性） 每屏里的动画 css3 jquery中的动画 动画中的回调函数 一定是等当前动画执行完才执行回调函数
阅读全文
摘要：1、模板引擎的作用 把处理ajax响应的成功的回调函数里的拼接字符串规范化了，提供了规范的语法，把数据渲染到静态的片段页面中 提高后期维护性 常见的模板引擎 性能较高的是腾讯的 atrTmeplate 模板引擎 模板语法：常用的循环、分支判断 + api的学习 案例：自己去下载artTemplate
阅读全文
摘要：1、认识跨域 跨域获取数据是客观存在的 实际开发中跨域下还要获取服务端数据这种需求也是很常见的， 因为资源（即使是同一项目，不同子模块）也可能部署在不同的设备上（服务器，不同设备有不同域名或IP地址）。 比如：域名为a的文件通过ajax请求想访问域名为b下的文件 此时发生了跨域请求，浏览器不允许aj
阅读全文
摘要：1、jquery库中封装好的Ajax 比较成熟 Ajax 中异步请求嵌套过多问题 代码看起来不美观，可读性不高，之后node里面提供的promise可以解决嵌套过多的问题，还有很多其他js框架也有解决方式
阅读全文
摘要：1、原生Ajax 一定要理解Ajax出现的背景 Ajax通过url查询后端接口的数据，在前端做数据的解析和局部更新 1、隐藏帧iframe方式实现页面局部更新 只是为了比较好的用户体验 访问后台接口数据显示在iframe页面中显示，没有做主页面的刷新，但页面实际上也刷新了 看左上角的转圈圈了 2、A
阅读全文
摘要：1、实现动态网站的技术（后端语言） php、java（jsp和php语言差不多）、.net、Nodejs、python。。。 最简单的是学php 2、php基本语法 js中 js代码用script包起来，php中用<?php ?>包起来后，可以放在html代码中任一位置 3、js和php语言的比较
阅读全文