webpack是什么 webpack是前端项目工程化的具体解决方案。 主要功能：提供了友好的前端模块化开发支持，已经代码压缩混淆（去除空格和注释，让文件体积更小），处理浏览器端JS的兼容性（将箭头函数转成低级实现，let->var实现，兼容版本低的浏览器），性能优化等。 让程序员把重心放到具体的功能
Vue简述 Vue是一套构建用户UI界面的前端框架。 构建用户界面的意思是：往html中填充数据，框架的意思是：一套开发规范。 Vue的特点 1.数据驱动视图 当页面是一个普通的数据展示时，数据改变了，Vue会充当中间驱动者的角色，把视图更新为最新数据的展示。 2.双向数据绑定 当使用form表单时
Vue组件简述 组件化开发是Vue的开发模式，组件是Vue的重要组成部分。 vue私有组件的使用分三步 1.导入：import Left from '@/components/Left.vue' 2.注册：components: { Left } 3.使用：
vue-router是vue基础工具的重要组成部分。 通过简单的配置路由组件映射关系，可以实现vue页面轻松跳转。 什么是前端路由 它是URL地址与组件之间的对应关系，通常使用Hash地址与组件之间对应。 浏览器的Hash地址就是URL地址中对应的锚链接地址, 如： location.href: 完
React概况 React是一个只用来写HTML的UI页面的JS库，在MVC设计模式中它只相当于View，故：它并不是一个框架（MVC架构角色设计）。 React组件内数据改动会自动更新到屏幕上。 React项目是一个SPA单页面应用。 使用create-react-app脚手架工具创建的应用会默认
Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。 Less常用的重要功能有： 1.变量 2.cala计算 3.html样的选择器嵌套 4. &父选择器本
Dart简述 Dart 是一个为全平台构建快速应用的客户端优化的编程语言，免费且开源。 Dart是面向对象的、类定义的、单继承的语言。它的语法涵盖了多种语言的语法特性，如C，JavaScirpt, Java, Swift等语言，可以转译为JavaScript，支持接口(interfaces)、混入(
Flutter简述 Flutter是一个UI框架， 可以进行移动端（iOS， Android），Web端， 桌面端开发，它是一个跨平台解决方案。 Flutter的特点：美观，快速，高效，开放。 美观：Flutter内置了美丽的Material Design和 Cupertino widget, 方便
React组件简述 组件是React的一等公民，使用React就是在用组件。 组件是整个页面中的一小块，把这一小块抽成独立的，可复用的，UI小部件。 一个页面有多个组件构成，组件可复用，可以独立，可以组合。 创建组件的方式 创建组件有2种方法：创建函数组件和创建类组件。 创建函数组件 React的函
React框架运行主流程 1.JSX是JS语言的扩展，被babel编译后，会转换成React.creatElement()，这个方法返回的是一个虚拟DOM。 2.将虚拟DOM渲染到真实DOM的方法是ReactDom.render()。 在React的组件生命周期中，render是灵魂，它创建一个虚拟
react-router-dom路由简介 现代的前端页面大多是SPA(单页面应用程序)， 也就是只有一个HTML页面的程序，这样用户体验好，服务器压力小，所以更受欢迎。路由是使用单页面来管理原来多页面的功能。 路由的功能：从一个页面，跳转到另一个页面。 在React中，路由是一套映射规则，是URL路
有时候开发需求会自己做一下测试数据，在自己电脑本地安装的服务多了电脑环境会搞的很乱，这时使用云服务器安装个docker服务是一个不错的选择。 下面步骤是在腾讯云上安装docker-mysql镜像，并导入数据，使用的过程。 服务端配置 首先使用ssh登录服务器，然后按照下面的步骤一步一步操作即可。 安
对于一个客户端开发来说，平时做的的最多的就是写页面，所以有必要了解从视图代码到图像显示到屏幕上的整个过程和原理。 下面以从视图代码到显示器图像的中间产物帧缓冲区图像位图为目标，分析从视图代码到帧缓冲区位图和从帧缓冲区位图到显示器图像这2个过程。 这里把这2个过程命名为：帧缓冲区数据怎么来的、帧缓冲区
在APP项目中使用的静态库有两种，一是.a静态库，另一种是framework静态库。下面分布介绍这2中静态库的创建过程，以及通过脚本工具做自动化打包的2种方式。 Framework静态库生成 如果APP项目和SDK项目都使用了pod第三方库,那么podfile文件设置如下： # App项目的Podf
在SDK开发中，因为是往外提供的功能静态库，所以在开发的时候要验证开发的SDK是否功能正常，这里就需要做进行边开发边联调的工作。 下面使用的开发模式是创建一个WorkSpace工作工具，SDK项目和Demo项目都作为子项目，通过配置Demo项目的Header搜索路径和库搜索路径来实现SDK与Demo
CSS简述 CSS被称为级联样式表或者CSS样式表。CSS也是一种标记语言。 CSS主要用于设置HTML页面中的: 1.文本内容（字体，大小，对齐方式等）， 2.图片的外形（宽高，边框样式，边距等）, 3.版面的布局和外观显示样式。 它的使用分两步 1.定义： .red {color: red} 2
什么是元素的显示模式 网页中的标签很多，在不同的地方使用不同类型的标签。 元素显示模式就是标签以什么方式进行显示。如：div自己占一行，span一行可以放多个。 HTML元素一般分为块元素和行内元素两种类型。 块元素 常见的块元素有： ~, , , ,
#!/bin/sh echo "Hello shell" # 字符串 # readonly URL="定义一个常量：www.baidu.com" your_name="jack" echo $your_name echo ${your_name} for file in `ls ~/Desktop`
CSS背景设置 通过CSS背景属性，可以给页面元素添加背景样式，页面元素指任意标签。 背景属性可以设置背景颜色，背景图片，背景平铺，背景图片位置，背景图像固定等。 背景颜色 一般默认值是：transparent(透明) background-color: dimgray; 背景图片 背景图片的使用场
之前Web上的动画都是使用Flash实现的。比如动画，广告，游戏等等，基本上都是Flash实现的。 Flash是有缺点的，需要安装Adobe Flash Player, 漏洞多，重量大，卡顿不流程等。 Html5提出了一个新的canvas标签，彻底颠覆了Flash的主导地位。现在无论广告，动画，游戏
