angularjs

前言 本文来自@晓风东东的投稿，相信webpack大家应该很熟悉了～～ 正文从这开始～ 记得我第一次上 webpack 官网的时候看了半天，最后总结是：这是个什么东西？！接下来的第二次第三次依然会有这种感觉，webpack 令人懵逼的文档对新手来说简直是噩梦。这篇文章针对 webpack 中令人疑惑的部分进行全面讲解，让你不再懵逼。 Webpack 是目前最火 React 和 Redux 打包工具，使用 Angular2 或者其他框架的人们可能也用了 Webpack 一段时间了。 当我第一次见到 Webpack 配置文件的时候，它看起来像火星文 来源： oschina 链接： https://my.oschina.net/u/4274700/blog/4840186

该demo使用的是angular.js框架 一、天气接口：http://wthrcdn.etouch.cn/weather_mini?city=城市名称 二、js中调用 　　 /*获取天气参数*/ function refreshWeather() { jQuery.support.cors = true; var url = encodeURI("http://wthrcdn.etouch.cn/weather_mini?city=" + $scope.city); $.get({ url: url, dataType: "json", async: false, success: function (data) { var list = data.data.forecast; if (list.length < 3 ) { return; } var wList = []; for (var i = 0; i < 3; i++) { var item = list[i]; var high = item.high.split(" ")[1]; var low = item.low.split(" ")[1]; wList.push({ day: item.date.slice(-3), type: item.type, temperature: high + "/" + low

最近两年，在 互联网行业各大技术峰会 上，都能看到关于 工程效能 这个概念，从侧面也反映出了 研发效能 已经逐渐被各企业所重视！ 在以前，软件行业还处于野蛮发展时期时，互联网企业比拼的是家底，谁的家底雄厚，谁肯愿意烧钱，谁就能存活下来。而现在比拼的是什么？是研发能力，具体来讲就是从需求转化成软件或者服务的能力，这其中 研发效能的高低对于需求转化速率 起到了至关重要的作用。 在研发工作实践过程中，围绕提升研发效能，能尝试做的事，有很多很多。当然，我们今天分享的重点，并不是讨论关于什么是研发效能，而是，针对在实际实践如何提升研发效能过程中，分享两个非常有意思的工具。 1. 自动生成前端原型：Sketch2Code 我们知道，在做前端开发时，是先由产品人员确定好需求，再借助产品原型工具来实现产品GUI界面的设计，前端拿到原型再去开展具体的前端编码工作。 但是会发现即便市面上，已经有了类似 Axure 和 Modao 等原型工具，但是 画界面 的成本依然很高。这里介绍一种可以将图片GUI设计稿，甚至是 手画GUI设计稿转化成目标平台代码的一键自动化生成方案 。 直接上图： 在上面的例子中，先手绘GUI界面设计，然后通过 Sketch2Code 可以直接转换成目标平台的代码，如果你指定的目标平台是 Web ，那就直接生成 html ，如果你指定的目标平台是 iOS ，那就会生成 XCode

简介 之前的技术路线本来是angular的，后来经过一段时间的开发还是打算选择vue，原因是vue简单丰富，尽管angular规范强大，但是组件库都不太符合国人风格。看到GitHub上Vue Element Admin这么高的人气后就毫不犹豫的选择了这个后台管理框架。作为一个后端开发，刚刚下载Vue Element Admin框架时确实无从下手，但是一番研究之后也就适应了，今天就介绍下改造Vue Element Admin登录并对接vNext授权服务。vNext授权服务使用的是ids4框架，所以使用ids4框架授权的服务都可以参考该登录。 代码分析 根据Vue Element Admin作者的介绍，该框架登录需要两步，获取token和获取userinfo（用户信息）。作者公司的后端设计应该是用户信息中包括用户权限，所以Vue Element Admin（后称Admin）登录只需调两次接口。 在view路径的login中可以看到login的click事件： handleLogin() { this .$refs.loginForm.validate(valid => { if (valid) { this .loading = true this .$store.dispatch("user/userLogin", this .loginForm).then(()=> { this

零， npm是nodeJS的包管理器，下载nodeJS后会自动安装好npm. 一，windows下安装 nodeJS并配置(以及angular安装相关问题) 1， 下载安装 https://nodejs.org/en/download/ 安装路径为 D:\nodejs 2，将 D:\nodejs ① 配置到环境变量 Path中。然后打开cmd输入 node -v 和 npm -v 检查安装是否成功. 3，默认的安装下，npm的本地仓库建立在了C盘：C:\Users\admin\AppData\Roaming，现在将其移动至 nodeJS的安装目录：D:\nodejs 4.1，运行如下命令可以将仓库地址移至D盘 npm config set prefix "D:\nodejs\node_global" //这里配置的全局模块存储位置 npm config set cache "D:\nodejs\node_cache" //这里配置cache路径 4.2，这个步骤也可以通过如下方式：打开 D:\nodejs\node_modules\npm\npmrc文件，配置如下路径： prefix=D:\nodejs\node_global //这里配置的全局模块存储位置 cache=D:\nodejs\node_cache //这里配置cache路径 注意，这个是直接在文件里添加的，如果使用4

前端周报：微软发布基于Chromium的Microsoft Edge预览版；Nuxt发布v2.9.0；npm 发布v6.11.0 作者 | Yonie, Zehao前端周报专注大前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、深度阅读、开源项目等栏目。欢迎关注【前端之巅】微信公众号（ID: frontshow），及时获取前端周报内容。 新闻热点 前端新闻 【 Chrome 76 将增加原生 Lazy-Loading 功能 】：这是处理延迟加载的重大改进。如果 Chrome 76 中能稳定运行此功能，它将是长期以来性能最强大的版本之一。详情请查看: https://scotch.io/bar-talk/native-lazy-loading-launched-on-chrome-76 【 Vue 最新动态 】：基于函数的组件 API 提议被拒绝，尤雨溪发布了重新设计的 Function-API RFC，现在被称为 Composition API。详情请查看：https://news.vuejs.org/issues/154 【 Nuxt 发布 v2.9.0 版本 】：在本版本中 vue-meta 升级到 2.0.0 版本，外部化 TypeScript 支持；详情请查看: https://twitter.com/nuxt_js/status

360度全方位观测：React Native与Flutter的跨平台王位之争 作者 | Krissnawat Kaewsanmuang译者 | 王强编辑 | Yonie 我们身处科技高速发展的时代；互联网日新月异，移动应用程序开发产业也在大踏步前进。多年来，移动应用的市场需求呈爆发式增长；众多企业都在开发自己的移动应用程序，或者用于促销自己的产品，或者用来向客户提供更好的服务。 众所周知，主导全球市场的两大移动平台分别是 iOS 和 Android。当一家企业决定开发自己的移动应用时，他们需要分别为 iOS 和 Android 平台部署功能相同的应用程序。为此，开发人员需要学习两个平台的不同语言和开发流程，从而在两大平台上构建表现基本一致的应用版本。为了解决这个问题，跨平台框架应运而生，帮助开发者构建可同时适用于 iOS 和 Android 平台的移动应用。如今最流行的两大跨平台应用开发框架就是 React Native 和 Flutter。 跨平台框架发展历史 谷歌和 Facebook 的竞争关系始于 Web 产业。谷歌的 AngularJS 是 Web 应用开发市场中最流行的 Javascript 框架之一。与此同时，由 Facebook 构建的 React 则是在 Web 应用程序开发流程中广泛应用的 JavaScript 库。一般认为 Angular JS 和 React

WEB前端知识总结 文杰 快过年啦，高级web、java有意向看机会的私信我哈~ ​关注他 492 人赞了该文章 前言 一直想着整理一下关于前端的知识体系和资料，工作忙了些，挤挤总会有的， 资料很多，就看你能不能耐下心坚持去学了，要多学多敲多想，祝你进步~ 学习之前首先要大概了解什么是HTML ,CSS , JS： 一句话概括：HTML 是骨骼， CSS是皮肤， JS只是夹在中间的神经组织！ 细说的话： HTML 是由多种骨头(标签)组成的骨架。 HTML5 是更多的新骨头(标签),同时去掉了以前觉得不好用的骨头. CSS 是皮肤。 CSS3 是更美的皮肤 JS 控制单个动作。(抬手,张嘴,放下手,抬腿,转头,握拳等) jQuery 是把一组常用动作编排成了一个招式。 写给想成为前端工程师的同学们 基础学习 代码有多难？——写给网页设计师的代码书 你想要的17张高清技能图谱都在这儿 为什么学前端 w3cschool HTML教程 初学者学习文档 [菜鸟教程] 梦之都HTML教程 HTML 30分钟入门教程 HTML教程适合初学者 [荐] 零基础的网站开发初学者应如何系统地学习？ 视频学习 慕课网 [荐] HTML+CSS基础课程 智能社 极客学院 StuQ css学习之优酷首页实战 css学习之新浪首页实战 智能社JS教学 哈佛大学公开课：构建动态网站 前端入门 书籍推荐

​基础设施： 条条道路通云端 对于云厂商来说，2019 年是硕果累累的一年。不仅初创公司在使用云计算，那些很注重安全的“保守派”公司（如政府机构、医疗保健机构、银行、保险公司，甚至是美国五角大楼）也在迁移到云端。这种趋势在 2020 年将会继续，大大小小的公司都将（或者至少有计划）迁移到云端。Gartner 公司最近发布了一个数字： 如果你是一个还在考虑要不要迁移到云端的决策者，不妨重新审视一下你的策略。如果你是一个独立开发者，并且还没使用过云基础设施，那么完全可以在 2020 年尝试一下。很多大型的云厂商（如亚马逊、微软、谷歌）都提供了免费的体验机会。谷歌在这方面做得特别大方，它提供了价值 300 美元的一年免费服务。 策划注：阿里、腾讯、华为等国内云厂商同样有免费云服务试用产品。 云平台： 亚马逊领头，其他跟上 作为第一大云厂商，亚马逊在 2019 年可谓风生水起。凭借其丰富的产品组合，亚马逊将把它的优势延续到 2020 年。Canalys 发布的 2019 年第三季度报告指出，大型云厂商（AWS、Azure、GCP）占据 56% 的市场份额，其中 AWS 独享 32.6%。 其他云厂商也在努力缩短与 AWS 之间的差距。微软把主要目标转向了大型企业。最近，微软打败了亚马逊，从美国五角大楼拿到了一个 100 亿美元的大单子。这个单子将提升 Azure 的声誉，同时削弱 AWS

AngularJs最简单解决跨域问题案例 参考文章： （1）AngularJs最简单解决跨域问题案例 （2）https://www.cnblogs.com/wwolf/p/5510936.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/3797416/blog/4814653