⑴ Weex 架构分析
最近工作一直在搭建weex的项目架构，对于Weex开发需要理解很多概念并且需要强大的内心，因为还没有比较成熟，所以坑比较多。但是公司团队需要开发，所以在此记录一些东西。
首先，我们得理解四种环境：
这几种环境当然可以根据字面意思来理解，所以，我们在搭建所谓三端一致的环境的时候，我们需要区分这四种环境。
然后，利用Weex中搭建的脚手架框架weexpack构建的项目，大致的架构如下:
此架子大概帮我们已经搭建好了一个基本的开发思路，但是，我们可氏嫌以看出webpack的架子并没有搭建比较完全，weexpack只是帮我们简单的实现了打包与web端渲染。所以，我们需要自己根据的需求，让其变得更加饱满一点。
另外，关于weexpack 的调试问题困惑喊核大了作者很久，经查询记录于此:
1.在浏览器地址栏输入： chrome://inspect/#devices
2.点击如下：
3.在webpack的配置文件中加一个debugger
4.在你的package.json中添加一个新的script, run 即可。比如：
另外，weex 写UI是不兼容Web大郑竖多数标签，需要使用它自己封装的标签，而且与vue不同的是，他打包的文件是通过每个页面动态的打包，所以跳转不是vue-router简单的跳转，而是通过其封装的navigator进行页面之间的跳转的。
⑵ Vue 项目初步总结（在项目中遇到的问题以及解决办法）
注意点：建议不要使用ESLint 后面选No 就ok 大神跳过此处，否则在项目中只要编码格式有问题就会一直拨错！
1、推荐使用Visual Studio Code工具打开testproject文件夹即可进行开发。
（1）（打开终端快捷键 control+~）在终端里面输入npm install命令安装依赖包， npm install 执行可以进行vue已经vue的插件安装，在第三步的时 候，已经初始化了项目，并且在 package.json 里面已经有相关配置，所以在这里可以直接安装；
（2）终端执行命令npm run dev 运行，然后览器输入localhost://8080即可看到vue初始界面
补充：使用vue 框架时尽可能的不要使用jq，但是有些地方确实需要使用jq的话下面是在vue中引入jq的方卜饥法
1：首先安装jquery
npm install jquery --save
2：在webpack.base.conf.js里加入
var webpack = require("webpack")
3：在mole.exports的最后加入
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
4：在main.js中引入
import $ from 'jquery'
5.最后 npm run dev就可以了
首先给图片地址绑定变量
在script中设置变量
//方法1.直接将图片引入为模块
require imgUrl from "../assets/test.png"
//方法2.将imgUrl放在数据里
data(){
return {
imgUrl:require("../assets/test.png")
}
}
//方法3.在生命周期函数中设置
data(){
return {
imgUrl:""
}
}
created(){
this.imgUrl = require("@/"+urlTemp)
}
传送门：https://www.cnblogs.com/aimiss/p/7396986.html
传送门：https://www.json.cn/
基于 Promise 的 HTTP 请型谨返求客户端，可同时在浏览器和 node.js 中使用
在浏览器中发送 XMLHttpRequests 请求
在 node.js 中发送 http 请求
支持 Promise API
拦截请求和响应
转换请求和响应数据
自动转换 JSON 数据
客户端支持保护安全免受 XSRF 攻击
使用 bower:
$ bowerinstallaxios
使用 npm:
$ npminstallaxios
例子
axios.post('/user',{
firstName:'Fred',
lastName:'Flintstone'
})
.then(function (response) {
console.log(response);
})
.catch(function (response) {
console.log(response);
});
传送门：https://www.jianshu.com/p/e36956dc78b8；
一、污染是如何产生的？
得益于 Vue-loader，在 Vue 中可以使用类似于 Web Component 的组件化写法, ，在大多数情况下，我们希望组件间定义的样式是相互隔晌猛离的，在 Weex 当中的确如此，组件天生隔离，可是在 Vue 当中，运行的载体还是浏览器，所有的样式类还是会通过 style 标签插入头部，影响全局，交叉污染
二、增加 Scoped 标识
依然是 Vue-loader，通过为组件中的 style 标签增加一个 scoped 标识，Vue-loader 在编译的过程中会为组件每一个元素节点增加 scopeId 作为属性，同时为所有的样式类加上属性选择器 scopeId，从而达到隔离的效果。
传送门：https://www.jb51.net/article/122535.htm
假如，我们在A组建中声明了一个定时器进行倒计时此时 我们在定时器中一直打印时间戳，此时我们通过路由跳转到下一个组件页面，按照正常理论来说，A组件在跳转后整个组件就会被销毁，到达B组件时A组件已经没有了。
但是在我们有定时器的情况下 此时跳转过后 定时器依然会存在。所以我们要在页面销毁时候将当前页面的定时器clear掉。
格式转换
服务器给的格式是 2016-6-16 10:50:00 正则替换成 2016/6/16 10:50:00 即可；
var time = '2016-6-16 10:50:00'
var times = time.replace(/-/g,"/"); //2016/6/16 10:50:00
完美解决。
原因：因为当我们切出到任务管理器后台时，此时在客户端中的浏览器里面，浏览器就会终止定时器因为消耗性能，当我们返回的时候此时倒计时才会恢复正常。
解决：h5有一个监听浏览器页面是否隐藏的事件 visibilitychange 两种状态 hidden和visity hidden时候页面切出此时我们要将定时器销毁，visity时候再次恢复定时器。
解决 this.$router.push(0)
原因：因为低版本安卓不支持es6
（1）安装依赖包
> cnpm install --save-dev babel-polyfill 或者 > npm install --save-dev babel-polyfill
（2）webpack配置修改
/* 添加 babel-polyfill */
entry: {
app: ["babel-polyfill", "./src/main.js"]
},
但是：我的项目上面的操作都进行了，也就是对es6进行了转化但是失败了。所以我就白有关es6的我写的东西都改掉了。结果就好了。
传送门：https://blog.csdn.net/qq_16559905/article/details/60755174
总结：初入前端，继续踩坑。
⑶ 前端和Web前端有什么区别吗
web前端是指网站的前端开发，相对于后端而言，主要是给用户呈现网站等界面。
web前端属于IT行业中热门的岗位，相比较于其他的IT技术来说，是比较简单的。前端主要负责实现网站或者APP页面，涉及的代码量比后端开发小，但薪资和发展都不差，课程是目前前沿的前端技能叫web全栈工程师。
web全栈工程师5.0课程包括：
①计算机基础以及PS基础
②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）
③移动开发
④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）
⑤小程序开发
⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）
⑦就业拓展（网站SEO与前端安全技术）
互联网行业目前还是最热门的行业之一，学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的，发展前景非常好，普通人也可以学习。
想要系统学习，你可以考察对比一下开设有相关专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，能够在校期间取得大专或本科学历，中博软件学院、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的，建议实地考察对比一下。
祝你学有所成，望采纳。
⑷ Chameleon 怎么把编译的weex打包apk
安装 weexpack
weexpack create my-project //创建项目
cd my-project
cnpm install //安装依赖
npm start //运行项目
weexpack platform add ios // 安装应用模板 生成 ios项目 执行完之后再platforms文件下生成 ios文件夹
weexpack platform add android //安装应用模板 生成android项目 执行之后在platform文件夹下生成android文件夹
打包android apk
weexpack run android //打包android apk
- 注意:`android.config.json` 或者 `ios.config.json`中的信息
- `AppName:` 生成的apk安装后的应用名
- `AppId: `application_id 包名
- `SplashText:` 打开后欢迎页上面的展示文字
- `WeexBundle: `指定的weex bundle文件（支持文件名和url的形式） 文件名则以本地文件的方式加载bundle,url则以远程的方式加载bundle 如果以本地方式指定bundle .we
打包ios apk
weexpack run ios //模拟器运行 需要是mac才可以
weexpack build ios //构建ipa包
构建包的过程中，将会提示让您输入CodeSign（证书） ，Profile(provisioning profile),AppId，只有输入真实的这些信息才能成功打包。 其余如AppName,和入口weex bundle文件可以编辑项目目录下的ios.config.json配置。
web打包
weexpack build web //打包h5项目
weexpack run web//运行web项目
链接：https://www.jianshu.com/p/674efb2468e4
原文地址：https://www.cnblogs.com/xiaofenguo/p/10337191.html
⑸ 2021前端开发的竞争大吗我想学习前端开发，不知道前景如何
前端在未来几年都是很好找工作的，初级前端竞争比较大，但是高级前端开发却很少，主要是前端门槛低，但是精通各种框架的却很少。
前端的入门门槛极低，体现在 HTML 和 CSS 上。前端开发已经不只是交互体验这类问题了，随着WEB软件化、HTML5小程序的流行，逐步发展到了以更多功能开发为重点。
web前端有广阔的发展空间，app、小程序、移动端、pc端等都网站是需要前端技术的开发支持才能够完成，技术门槛相对较低、需求量较大，薪资待遇良好。只要是互联网端的客户界面，就需要前端来制作完成，前端开发的编程量不大，但是需要部分编程，入门简单，但是要学的深入需要一个过程。
图形学方向
前端自然是与图形学有千丝万缕的联系，除了上面提到了可视化，还有相关3d引擎的开发工作。做这一行要求也非常高了，图形学相关的算法，3d引擎的开发，这都需要图形学相关知识。
⑹ 前端开发前景怎么样
很多人选择WEB前端，可能是因为WEB前端容易入门，而且不需要太多专业基础。随着前端的人才越来越逗，企业面试要求也越来越高，进阶高级前端需要学习更多的技术，不断积累技术经验。
前端就是用户可见部分的优化、交互功能开发，随着软件WEB化，Html5前端开发技术的发展，前端的技术方向越来越多，可开发解决的功能很多。
web前端有广阔的发展空间，app、小程序、移动端、pc端等都是需要前端技术的开发支持才能够完成，技术门槛相对较低、需求量较大，薪资待遇良好。只要是互联网端的客户界面，就需要前端来制作完成，前端开发的编程量不大，但是需要部分编程，入门简单，但是要学的深入需要一个过程。
Web前端招聘岗位
• 前端开发工程师、Web开发工程师、网页开发工程师、HTML开发工程师...
• H5开发工程师、移动应用开发工程师、App开发工程师、小程序开发工程师...
• JS开发工程师、Vue.js开发工程师、Node.js开发工程师、前端架构师...
• 小游戏开发工程师、数据可视化开发工程师、WebGL开发工程师、WebVR开 发工程师、Web安全工程师...
在互联网行业，前端有WEB前端、HTML前端等，随着互联网技术发展，就业方向也有很多。web前端的就业方向有web架构师、web前端工程师、HTML前端开发工程师、网页设计师等等。
HTML前端开发
与Web前端开发不同的是，使用HTML5不仅仅可以开发前端，还有网页游戏，手机APP，使用浏览器进行3D渲染等一系列建立在HTML5标准与搭载其标准浏览器上的开发，而未来可能会有更多的功能分支并入HTML5标准。web前端工程师
这个方向是目前从事Web前端开发的主要就业方向
Web架构师
薪资普遍比较高，技术要求高，掌握多种技能，包括：后端技术、DBA、Platform等等，甚至包括网站优化SEO技术。
数据方向
数据研发这个是在Web开发的基础上用数据附能，懂可视化的一定是有前端能力的，懂hadoop的一定java要熟悉，属于Web开发的拓展方向。
大前端方向
比如阿里，在大量实践rn和weex;由于公司内部安卓/ios式微，一定程度上，前端把ios和安卓收编了，统称大前端。
图形学方向
前端自然是与图形学有千丝万缕的联系，除了上面提到了可视化，还有相关3d引擎的开发工作。做这一行要求也非常高了，图形学相关的算法，3d引擎的开发，这都需要图形学相关知识。
⑺ Weex——公共样式
所有 weex 标签都有以下基本样式规则。
weex 盒模型基于 CSS 盒模型，每个 weex 元素都可视作一个盒子。我们一般在讨论设计或布局时，会提到“盒模型”这个概念。
元素实际的内容（content）、内边距（paddings）、边框（borders）、外边距（margins），形成一层层的盒子包裹起来，这就是盒模型大体上的含义。
注意：目前在 <image> 和 <text> 组件上尚无法只定义一个或几个角的 border-radius。比如你无法在这两个组件上使用 border-top-left-radius。
weex 盒模型的 box-sizing 默认为 border-box，即盒子的宽高包含内容、内边距和边框的宽度，不包含外边距的宽度。
示例：
weex 布局模型基于 CSS 的 Flexbox。以便所有页面元素的排版能够一致可预测，同时页面布局能适应各种设备或者屏幕尺寸。
Flexbox 包含 flex 容器和 flex 成员项。如果一个 weex 元素可以容纳其他元素，那么它就成为 flex 容器。需要注意的是，flexbox 的老版规范相较新版有些出入，比如是否能支持 wrapping。这些都描述在 W3C 的工作草案中了，你需要注意下新老版本之间的不同。另颤念外，老版本只在安卓 4.4 版以下得到支持。
在 weex 中，Flexbox 是默认且唯一的样式模型，所以你不需要手动为元素添加 display: flex; 属性。
flex: <number>
flex 属性定义了 flex 成员项在容器中占据的尺寸。如果所有成员项都设置为 flex: 1，那么它们就有相等的宽度（水平排列）或者相等的高度（垂直排列）。如果一共有两个成员项，其中一茄衫困个 flex: 1，另一个 flex: 2，那么第一个将占据 1/3 的空间，另一个占据 2/3。如果所有 flex 成员项都不设置 flex 属性，它们将根据容器的 justify-content 属性来决定如何排列。
一组平分了容器的图片。
一张固定宽度的图片加上一段流动布局塌宽的文本。
复杂的混合布局。
一段文本左对齐，其他内容右对齐。
我们可以使用以下属性来定位一个 weex 元素。
你可以按照以下步骤来规划 weex 页面的样式。
⑻ 大二了，好烦啊，学的网络工程专业，现在也在学web前端开发，感觉都是懵懵懂懂的，不知道那个发展好，
建议大家刚开始学一定要静下心来把基础打好，不要只看视频或者书籍，多动手去实践。正确的前端学习路线：html语法、格式，常用的标签极其作用，理解标签的嵌套，学习使用firefox+firebug或者chrom的调试工具。CSS重点看盒子模型，定位，层级，过渡，动画和 transform。知道原理和规则。大部分工作都是照着设计稿化。掌握上面几个99%还原也不难。接下来重点学习几种常见的布局。学完之后去学flex。最后sass、less，基本就差不多了。千锋软件开发培训课程的授课模式采用全程面授，讲师成本虽高，但是效果却是显着的，和学员面对面沟通，了解到学员在学习过程中遇到的问题，动态地调整授课方式。千锋教育就有线上免费的软件开发公开课，
HTML、CSS学完可以制作出简单的静态页面。js的执行顺序，基本的编程基础（变量、运算、流程控制、数组、调用函数、自定义函数、对象）、json、js的dom操作、js的事件机制（委托、绑定、监听，冒泡和阻止冒泡，兼容性）了解ajax的xmlhttprequest及其创建方法（多浏览器兼容）、跨域，明白其工作原理，熟悉http协议。js学完可以实现运用js语言为页面增加动态效果，达到用户交互的目的。千锋教育集团目前已与国内4000多家企业建立人才输送合作，与500多所大学建立实训就业合作，每年为各大企业输送上万名移动开发工程师，每年有数十万名学员受益于千锋教育组织的技术研讨会、技术培训课、网络公开课及免费教学视频。
⑼ web网页开发的发展前景咋样
1、市场前景
前端程序员缺口非常大，因为它正式成为一个岗位才几年，国内最早出现前端招聘岗位在2012年左右。随着现代互联网应用的火爆，前端难度加大，导致后台程序员不能完全搞定，所以企业们急切需要真正懂前端技术的“前端人员”。
近十年以来，IT行业发展火热，衍生了很多新职业，例如UI设计师、开发工程师、软件测试工程师等等，在众多备受瞩目的新生职业中，Web前端工程师是其中的一员。
随着互联网的迅猛发展，各种互联网项目也不断兴起，对用户体验提出了更高的要求，前端开发也由此逐渐成为了重要的研发角色。从2012年至今，“Web前端工程师”的需求持续走高，薪酬也是水涨船高，所以，有不少人立志要成为前端开发工程师。
2、就业形势
Web前端可选择的岗位有：前端开发工程师、资深前端开发工程师、网站重构工程师、前端架构师等等。
虽然近两年大数据、人工智能等很火，但Web前端开发依然是十分热门的，特别是随着谷歌、YouTube、FireFox等大型企业纷纷将视线转向HTML5，前端开发已经进入HTML5时代，所以，Web前端在今后十年仍有很大的发展空间。
据统计，我国HTML5前端工程师人员的缺口将达到10多万，因此，Web前端工程师是一个非常有“钱”途的职业，并且薪酬会根据技能的深入而有不同程度的增长，其中北京、上海、广州、深圳等地前端工程师的薪资待遇更是一路飙升。
3、说完了前景状况，接下来就是学习前端了，前端入门虽简单，但也并不是人人都能从事这个行业的，如何鉴定自己适不适合学前端呢？
1. 你是否能耐得住性子？学习web前端接触得最多就是各种繁复的字母代码，需要你耐得住性子安安静静地坐下来研究技术。如果你做事经常三分钟热度，容易半途而废、或是性格急躁急于求成，编程可能不太适合你。
2. 你是否有持之以恒的毅力？web前端不仅知识点多，而且前端发展得快，新的框架和思想被不断的提出，对于新手来会有不小的心理压力，过快的节奏让新手学起来比较吃力，想要学习web前端就要做好做好长期学习，更新自己知识库的准备，持之以恒的毅力才能让你在长途跋涉的工作过程中坚持下来。
3. 是否具备基本的逻辑思维？选择工科专业的人一般逻辑思维能力一般要强于文科生，web前端需要用逻辑思维处理问题的能力。针对甲方用代码实现，首先要自己理解透彻，编写出来的程序才能拒绝bug。
如果以上提到问题，你都能从容攻克，那么你是适合学习web前端的。
4、到这里呢，先恭喜你进入前端行业，接下来就是如何学习前端了，前端的学习路线是什么呢？
零基础学习路线：
1、HTML、CSS基础、JavaScript语法基础。学完基础后，可以仿照电商网站（例如京东、小米）做首页的布局。
2、JavaScript语法进阶。包括：作用域和闭包、this和对象原型等。相信我，JS语法，永远是面试中最重要的部分。
3、jQuery、Ajax等。jQuery没有过时，它仍然是前端基础的一部分。
4、ES6语法。这部分属于JS新增的语法，面试必问。其中，关于 promise、async 等内容要尤其关注。
5、HTML5和CSS3。要熟悉其中的新特性。
6、移动Web开发、Bootstrap等。要注意移动开发中的适配和兼容性问题。
7、前端框架：Vue.js和React。这两个框架至少要会一个。入门时，建议先学Vue.js，上手相对容易。但无论如何，同时掌握 Vue 和 React 才是合格的前端同学。
8、Node.js。属于加分项，如果时间不够，可以先不学，但至少要知道 node 环境的配置。
9、自动化工具：构建工具 Webpack、构建工具 gulp、CSS 预处理器 Sass 等。注意，Sass 比 Less 用得多，gulp 比 grunt 用得多。
10、前端综合：HTTP协议、跨域通信、安全问题（CSRF、XSS）、浏览器渲染机制、异步和单线程、页面性能优化、防抖动（Debouncing）和节流阀（Throtting）、lazyload、前端错误监控、虚拟DOM等。
11、编辑器相关。Sublime Text 是每个学前端的人都要用到的编辑器。另外，前端常见的IDE有两个：WebStorm 和 Visual Studio Code。WebStorm 什么都好，可就是太卡顿；VS Code就相对轻量很多。个人总结一下：用VS Code 的人越来越多，用 WebStorm 的人越来越少。
12、TypeScript（简称TS）。ES 是 JS 的标准，TS 是 JS 的超集。TS属于进阶内容，建议把上面的基础掌握之后，再学TS。