大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

Angular

《Angular》是一款飞行射击类游戏,运行环境:android,最低版本:1.6。

2018前端工程师成长路线图

2018前端工程师成长路线图 成为前端工程师,第一步应该是学习HTML/CSS/JavaScript,这是基础。 1. HTML HTML用于定义网页的结构。你的第一步是学习HTML的语法,学会如何把页面拆分为多个部分。 任务:至少撸5个纯HTML页面,你可以实现任意网站的页面,比如GitHub的profile页面或者Twitter的登陆页面。纯HTML会有点丑,但是不用担心,专注于网页的结构。 2. CSS CSS,全称Cascading stylesheets

Ionic 项目开发--杂七杂八说一点

Ionic 项目开发--杂七杂八说一点 最近连续带了2个使用ioinc开发APP的项目,都是搭建商城类的,遇到了不少重复性问题,这里简单收录一下知识点。 为什么移动端开发一定要使用ionic ? 这个问题在16年的时候做了一些探讨,Hbuilder 开发起来感觉很虚,很久以前用来开发过一个电视盒子的项目,但是问题较多所以没有延续;weex(不知道有没有拼错),阿里的东西,一直都不喜欢

前端框架及实施流程

nowrap{ white-space: nowrap;text-center {text-align: center} //Global css *{ padding: 0;height: 100

Product产品开发流程

Product产品开发流程 需求设计阶段 1、需求 2、逻辑图(PRD) 3、原型图(UI设计稿) 4、风格、规范(承接UI) 开发阶段 1、前后端确定 数据结构 1·前端 1 vue( vue init webpackPROJECT_NAME)、 react(create-react-app PROJECT_NAME/dva new PROJECT_NAME)、 angular(ng new PROJECT_NAME) 2 mock数据写页面 2·后端通过postman验证数据 2、前后端融合联调 测试阶段 1、分配测试环境,代码从开发环境上传到测试环境 2

封装微信小程序http拦截器

const socketHttp = "wss://*****. let sessionId = wx.getStorageSync("UserSessionId"); let promise = new Promise(function(resolve, reject) { wx.request({ url: apiHttp + url, header: header, data: data, method: method, success: function(res) { if (typeof res.data === "object") { if (res.data.status) { if (res.data.status === -200) { wx.showToast({ title: "为确保能向您提供最准确的服务,请退出应用重新授权", icon: "none" }); reject(res.data.msg);

ionic4 -- angular 跳转页面

/** * When using a router, it specifies the transition direction when navigating to another page using `href`. Default value is: `"button"` */ 'type': 'submit' | 'reset' | 'button'; } 也就是在代码里面如此写: 进入页面 那么我们就可以在点击此button过后即可跳转到刚才建立的detail页面去了 3、自定义跳转 怀旧时期的ionic 是 navcontroller.push(component) 进行跳转指定页面,那么我们新版本如何跳转呢? 首先看看官方文档

1.Angular Cli安装

1.Angular Cli安装 1.前言: 本文中的所有 Angular都是基于2+以上的版本,和Angular 1区别在哪,请看文章,不过笔者认为Angular 1确实挺让人失望的,如果不是改版升级,真没有再次想去了解的冲动。 2.Angular Cli 用过Vue(Vue专栏)的同学都知道Vue-cli脚手架快速搭建一个Vue工程,Angular Cli也是这般操作。 3.安装angular 脚手架 npm install -g @angular/cli 4.查看是否安装成功 ng version image.png 5.进入

Angular1.5.8路由参数的使用

param_1=xxx param_2=xxx#/path/a/b/c'的形式传参,再通过以下方式将参数设置到页面的全局变量中,在js代码获取全局的变量值 但这种方式,没办法很好地做到前后端分离 Angular提供了参数传递和接收的方法: 1. 路由配置 "index": "A140100231", "name": "路由名称", "key": "xxxxx", "icon": "xxxxx", "type": "$state", "value": "xxxxx", "path": "/a/b/c?

基于ionic4、cordova搭建android开发环境

:https://cordova.apache.org/docs/en/latest/guide/overview/index.html 3 android sdk cordova在编译android工程的时候需要有android sdk等开发环境的支持。如果想对ionic和cordova更加详细的了解,请见官方文档。 接下来,开始搭建开发环境。 因此,综上所述,需要搭建的开发环境有:ionic、cordova以及android 开发环境。 我的开发环境如下(仅供参考): node:v8.11.1 npm:5.5.1 ionic:4.0.0 jdk:1.8.0_45 gradle:4.

mvc,mvp和mvvm介绍及三大框架对比

mvc,mvp和mvvm介绍及三大框架对比 mvc bg2015020105.png View 传送指令到 Controller Controller 完成业务逻辑后,要求 Model 改变状态 Model 将新的数据发送到 View,用户得到反馈 所有通信都是单向的。 mvp MVP 模式将 Controller 改名为 Presenter,同时改变了通信方向。 bg2015020109.png 各部分之间的通信,都是双向的。 View 与 Model 不发生联系,都通过 Presenter 传递。 View 非常薄,不部署任何业务逻辑

2018前端工程师成长路线图

2018前端工程师成长路线图 译者按: 上王者算什么?有本事刷一下你的前端技术! 原文:Modern Frontend Developer in 2018 译者:Fundebug 为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。 过去5年,我一直作为一枚全栈工程师,经常会有小朋友问我应该学什么,于是我写了这篇博客,希望可以帮助大家。本文的所有图表都在我的GitHub仓库kamran

AngularJS 的简单语法应用

(image-9cd7e-1534250873934)] 2.ng-bind 把应用程序数据绑定到 HTML 视图,data-ng- 让网页对 HTML5 有效。 hello [图片上传失败.(image-e05582-1534250873934)] 3.ng-init 初始化数据,初始的数据不仅可以直接在页面显示,还可以进行表达式的运算。 {{t*k}} {{i+j}} var app=angular.module('myspp',[]); app.controller('myftrl',function ($scope) { $scope.i=4; $scope.j=7;(image-c75100-1534250873934)] {{arrs[arrs.length-1]}} [图片上传失败.

angular 应用容器化部署

/app # install dependencies and build the angular app RUN yarn yarn run build FROM nginx:stable-alpine # copy from dist to nginx root dir COPY --from=builder /app/dist/weihanli /usr/share/nginx/html # expose port 80 EXPOSE 80 # set author info LABEL maintainer="WeihanLi" # run nginx in foreground # https://stackoverflow.com/questions/18861300/how-to-run-nginx-within-a-docker-container-without-halting CMD ["nginx", "-g", "daemon off;"

我所深爱的vue

我所深爱的vue 扒扒手指头,做前端这个行业也有三年多了,嗯嗯,在我职业生涯的前两年,我最钟爱的前端集成框架还是jquery,谁让我是一个念旧的人呢,打开各种技术文档,扑面而来的就是三大框架有多好多轻量, so what!

abp & ng-alain 改造前端 一 —— 项目准备

png 项目修改之后,需要添加后端的cors,找到AbpAlain.Web.Host项目中appsettings.json文件,在CorsOrigins中添加http://localhost:4201 修改结果如下 cors.png 经过以上的端口修改,可以保存abp-alain项目能够访问到后端项目 引入abp包 找到abpalain项目的package.json文件,在dependencies节点添加和abp有关的包文件,如下图,红色标记的是需要添加的 abp依赖.

abp & ng-alain 改造前端 二 —— 初始化运行

/node_modules/*" ], 添加成功后的完整代码如下 完整代码 分析angular项目 找到项目入口 分析angular入口程序,一般是src下的main.ts文件,代码如下 main.ts 通过该文件,我们可以看到,在main.ts中,angualr启动RootModule作为主模块 RootModule root.module.ts文件代码如下 import { BrowserModule } from '@angular/platform-browser'; import { AbpHttpInterceptor } from '@abp/abpHttpInterceptor'; import { AppConsts } from '@shared/AppConsts';

abp & ng-alain 改造前端 三 —— 登录页面改造(租户和多语言)

account-language-switch-list { text-align: center; } } 修改tenant-change-modal.component.html,内容如下 {{l("ChangeTenant")}} {{l("TenancyName")}} {{l("LeaveEmptyToSwitchToHost")}} {{l("Cancel")}} {{l("Save")}} 修改tenant-change-modal.component.ts,内容如下 import { Component, OnInit, ViewChild, Injector, ElementRef, Input, AfterViewInit, } from '@angular/core'; /** * 租主名,使用@Input 传递参数 */ @Input() tenancyName = '';

abp & ng-alain 改造前端 七 —— 菜单

abp ng-alain 改造前端 七 —— 菜单 介绍 ABP 是 ASP.NET Boilerplate Project(Asp.net 样板项目)的简称,网址:http://aspnetboilerplate.com/。 ng-alain 是基于 antd 中后台前端解决方案,网址:https://ng-alain.com/。 官方网页下载的项目的angular项目是基于(AdminBSB:https://github.com/gurayyarar/AdminBSBMaterialDesign) 目录:https://www.jianshu.com/p/589af988637c 源代码:https://github.com/ZhaoRd/abp-alain ng-alain菜单 加载方式 ng-alain是在star

abp & ng-alain 改造前端 十四 —— 头部多语言

import { SettingsService, MenuService, TitleService, ALAIN_I18N_TOKEN, } from '@delon/theme'; import { I18NService } from '@core/i18n/i18n.service'; import { AppComponentBase } from '@shared/app-component-base'; @Component({ selector: 'header-i18n', template: ` {{ 'language' | translate}} {{item.displayName}} {{item.text}} -- `, }) export class HeaderI18nComponent extends AppComponentBase implements OnInit{ langs: any[];l.isDisabled); this.settings.setLayout('lang', lang);