angular的父组件和子组件

请问一下父组件和子组件的区别是如果component-1中嵌套component-2那么component-1就是父组件了是吗?和我component的位置没有关系是吗?

2个回答

这里不应该叫做父子,因为不存在继承关系,应该算组件的聚合(Aggregation),如果是可视的组件,那么一般表现的是嵌套的关系。

嵌套了就有关系了,不嵌套就没有关系了,如楼主所说,1就是父组件,原则上,组件是放在component里面的

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
angular 1.6当中父子子组件方法。怎么调用?

``` //carouse 是一个轮播组件...由swiper处理 <carouse> <div class="slider-item"> //hero-video 是一个视频,与一些文字 <hero-video> //read-more组件,就是判断文字,然后省略号 <read-more></read-more> </hero-video> </div> <div class="slider-item"> //hero-video 是一个视频,与一些文字 <hero-video> //read-more组件,就是判断文字,然后省略号 <read-more></read-more> </hero-video> </div> .... </carouse> ``` 问题是我现在是在carouse里面初始的swiper 由于swiper 处理无逢滚动,复制一个前后。出来 所以当中的 <read-more>在切换时,没有处理到。需要手动调用方法,。。 现在怎么调用 read-more 组件的方法。呢 在swiper onchangeEnd回调中可以获取到当前显示的是第几个。 后面我就晕了。求组

Angular如何新建一个组件,在其中调用其他组件?

有一个需求是原来有4个标签,每个标签页面下都有一个打印功能,打印功能 有对应的Angular组件,可以打印这个标签下的信息。现在想在顶部加一个“打印全部”按钮,要求在一个页面内展现4个标签所有的打印信息,要求使用一个 新的route,并调用之前每个标签对应的组件。不知道该怎么做…

angular 4 分页组件 问题求教

# ![图片说明](https://img-ask.csdn.net/upload/201809/20/1537435976_837414.png) 图片显示页数如果大于五我怎么让后面的分页数字隐藏起来并显示出省略号,在然后我又在点击页数中间位置我有该怎么去显示前面的页码数。求大神教,最好能上案例。谢谢。

angular PrimeNG UI组件报错

我在使用primeng组件的tree时报错下面信息 ![图片说明](https://img-ask.csdn.net/upload/201711/29/1511921248_953851.png) 这是我的代码,不止是p-tree报错,使用其他的组件的时候都是报这样类似的错误,昨天找了一天的bug都没有解决,希望可以有大神帮忙解决一下,谢谢! html ``` <p-tree [value]="files" selectionMode="single" [(selection)]="selectedFile"></p-tree> ``` component.ts ``` import { Component, OnInit, ViewChild } from '@angular/core'; import { Tree, TreeNode, MenuItem, Message, TreeDragDropService } from 'primeng/primeng'; import { NodeService } from './nodeservice'; @Component({ selector: 'app-select-tree', templateUrl: './select-tree.component.html', styleUrls: ['./select-tree.component.css'] }) export class SelectTreeComponent implements OnInit { files: TreeNode[]; selectedFile: TreeNode; constructor(private nodeService: NodeService) {} ngOnInit() { this.nodeService.getFiles().then(files => this.files = files); } } ``` module.ts ``` import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { HttpModule } from '@angular/http'; import { BrowserModule } from '@angular/platform-browser'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { InputTextModule, ButtonModule } from 'primeng/primeng'; import { TreeModule, TreeNode, SharedModule } from 'primeng/primeng'; import { SelectTreeComponent } from './select-tree.component'; import { NodeService } from './nodeservice'; @NgModule({ imports: [ CommonModule, BrowserModule, FormsModule, HttpModule, BrowserAnimationsModule, InputTextModule, ButtonModule, TreeModule, SharedModule ], declarations: [ SelectTreeComponent ], bootstrap: [ SelectTreeComponent ], schemas: [ CUSTOM_ELEMENTS_SCHEMA ], providers: [ NodeService ] }) export class SelectTreeModule { } ```

js子窗口关闭刷新父窗口

使用window.showModalDialog("uploadFile.jsp",null,"dialogWidth=400px;dialogHeight=250px"); 方式弹出的一个子窗口, 我需要用子窗口控制刷新父窗口然后关闭子窗口, window.parent.dialogArguments.document.execCommand('Refresh'); window.close(); ie8下执行不成功

angular中,多个组件引用同一个管道

我的情况是这样,我要动态加载组件C1,然后C1里有子组件C2、C3。而C2、C3同时使用了管道P1。 当C2和C3同时declarations: [XXComponent, P1Pipe]时报错: Type P1Pipe is part of the declarations of 2 modules: C2Module and C3Module! Please consider moving P1Pipe to a higher module that imports C2Module and C3Module. You can also create a new NgModule that exports and includes P1Pipe then import that NgModule C2Module and C3Module 而把P1Pipe移到C1的declarations中之后又报错: The pipe 'p1' could not be found 请问到底怎么样才可以实现

angular使用material的tree组件?

angular使用material的tree组件,进行增删之后需要重新获取数据 ,此时树就会重新收起来,如何让他重新加载树时回到上次的位置?

angular的@output的问题

我有一个child-component: ```js import {Component, EventEmitter, OnInit, Output} from '@angular/core'; @Component({ selector: 'app-ng-content-child', template: `<button type="button" (click)="onclick()">Click me to fire a custom event</button>` }) export class NgContentChildComponent implements OnInit { testData = 1; @Output() childEvent = new EventEmitter(); constructor() { } ngOnInit() {} onclick() { this.childEvent.emit(this.testData); } } ``` 还有一个parent-component ```js import {Component, OnInit} from '@angular/core'; @Component({ selector: 'app-ng-content-parent', template: `<app-ng-content-child (childEvent)="onchildevent()"></app-ng-content-child>` }) export class NgContentParentComponent implements OnInit { constructor() { } ngOnInit() {} onchildevent(data) { console.log(data); } } ``` 我从子组件output到父组件。。为什么console.log那句是undefined? 另外,必须在附件组件中嵌入子组件,且在子组件上加监听器才可以在父组件中获得子组件的值妈?

angular动态添加component问题

我做一个add a test功能。一个test有n个questions,一个questions有i 个choices(选项), 一个test下的问题和选项的个数都是不定的,请问这个需要怎么做? 是不是在test 组件下,新建个questions组件,在question组件下新建个choices组件,然后有个button,一点击,就自动生成一个question组件,在question组件中有一个button,一点击就生成一个choice组件,然后用一个form包一下,然后提交? --- 还有更好的解决方案吗?谢谢!

angular index.html 页面的<app-root>中如何加载组件及显示

‎我想在页面初始加载时显示angular material的进度, 因此我在index.html中使用了以下代码: ``` <app-root> <mat-progress-spinner mode="indeterminate"></mat-progress-spinner> </app-root> ``` 当我这样做时, mat-progress-spinner 没有显示, 但是如果我将mat-progress-spinner 移动到我的 app.component.html 文件, 可以正常显示。如何才能让mat-progress-spinner组件在index.hmtl的app-root标签下显示出来呢?

webpack 打包 angular 的问题

我要死了,真的,调试了一天了 打包完美运行 angular已经全局设置,可以用 就是没办法在js里面调用 angular 可以在HTML里面调用angular 你说奇怪不奇怪 ``` var CommonsChunkPlugin = require("webpack/lib/optimize/CommonsChunkPlugin"); var path = require('path'); var webpack = require('webpack'); var fs = require('fs'); var uglifyJsPlugin = webpack.optimize.UglifyJsPlugin; var srcDir = path.resolve(process.cwd(), 'src'); //获取多页面的每个入口文件,用于配置中的entry function getEntry() { console.log('srcDir:' + srcDir); var jsPath = path.resolve(srcDir, 'js'); var dirs = fs.readdirSync(jsPath); var matchs = [], files = {}; dirs.forEach(function (item) { matchs = item.match(/(.+)\.js$/); if (matchs) { files[matchs[1]] = path.resolve(srcDir, 'js', item); } }); return files; } module.exports = { cache: true, devtool: "source-map", entry: getEntry(), output: { path: path.join(__dirname, "dist/js/"), publicPath: "dist/js/", filename: "[name].js", chunkFilename: "[chunkhash].js" }, module: { loaders: [ { test: require.resolve(srcDir + '/js/lib/angular-1.5.8.js'), loader: "exports?window.angular" }//对于非模块化的库,可以通过exports插件暴露出全局变量,如angular ], //配置webpack直接忽略不解析该文件的依赖关系。对于比较大的库很有用,如reactjs.主要提高打包速度。 noParse: [ srcDir + '/js/lib/angular-1.5.8.js' ] }, resolve: { alias: { jquery: srcDir + "/js/lib/jquery.min.js", angular: srcDir + "/js/lib/angular-1.5.8.js", Config: srcDir + "/js/lib/config.js", core: srcDir + "/js/core", ui: srcDir + "/js/ui" } }, plugins: [ //提供全局的变量,在模块中使用无需用require引入 new webpack.ProvidePlugin({ jQuery: "jquery", angular: "angular", $: "jquery", Config: "Config" }), new CommonsChunkPlugin('common.js'), new uglifyJsPlugin({ compress: { warnings: false } }) ] }; ``` ``` console.log(angular); $('body').append('<a>index</a>'); var app = angular.module('myApp', []); app.controller('lukang', function($scope) { $scope.firstName = "John"; $scope.lastName = "Doe"; }); ``` index.js:2 Error: [$injector:unpr] http://errors.angularjs.org/1.5.8/$injector/unpr?p0=tProvider%20%3C-%20t%20%3C-%20lukang 报错这个 要不就是 t.module is not 这个错 哎

angular/cli生成 组件报错!

cd进入项目 使用ng g component components/header报错![图片说明](https://img-ask.csdn.net/upload/201710/27/1509088315_148590.png)

Angular,条件查询 分页显示

输入某一条件,点击搜索,请求如下: find_by_spec?sort=updateDate,desc&gameType=2 在此基础上,点击下一页,请求如下: find_by_spec?sort=updateDate,DESC&page=1 问题:限制条件gameType=2 丢失了 ,所以点击第二页之后,所显示的数据,是在没有任何限制条件下的数据,怎样才能实现 条件查询之后,点击下一页之后,所显示的仍是条件之下的数据呢(假设表单数据较多,一页20条,放不下!需要点击下一页) 分页组件:///////////////////////////////////////////////////////////////// import {Component, Input, OnInit} from '@angular/core'; import {Router} from '@angular/router'; @Component({ selector: 'app-page-helper', template: ` <div class="row justify-content-center" *ngIf="pageModel?.page?.totalPages > 1"> <div class="col-8"> <div style=" width: auto;display: table;margin-left: auto;margin-right: auto;"> <nav aria-label="Page navigation example"> <ul class="pagination justify-content-end"> <li class="page-item" [class.disabled]="!pageModel?._links?.share"> <span class="page-link"> &nbsp;&nbsp;共:{{pageModel?.page?.totalElements}} 条,每页{{pageModel?.page?.size}} 条</span> </li> <li class="page-item" [class.disabled]="!pageModel?._links?.first"> <a class="page-link" href="javascript:void(0);" (click)="page=0;nextPage()">首页</a> </li> <li class="page-item" [class.disabled]="!pageModel?._links?.prev"> <a class="page-link" href="javascript:void(0);" (click)="page=page-1;nextPage()" tabindex="-1">上一页</a> </li> <li class="page-item" *ngFor="let item of pageItemLength()" [class.active]="pageModel?.page?.number==item"> <a class="page-link" href="javascript:void(0);" (click)="page=item;nextPage()">{{item + 1}}</a> </li> <li class="page-item" [class.disabled]="!pageModel?._links?.next"> <a class="page-link"href="javascript:void(0);" (click)="page=page+1;nextPage()" >下一页</a> </li> <li class="page-item" [class.disabled]="!pageModel?._links?.last"> <a class="page-link" href="javascript:void(0);" (click)="page=pageModel.page.totalPages-1;nextPage()">最后一页</a> </li> </ul> </nav> </div> </div> </div>` }) export class PageHelperComponent implements OnInit { // 当前页 page = 0; url = ''; @Input() pageModel: any; constructor(private router: Router) { } ngOnInit(): void { this.url = this.router.url; } nextPage() { { this.router.navigate([this.url, {page: this.page}]);} } pageItemLength(): number[] { if (!this.pageModel) { return []; } const page = this.pageModel.page.number; const pages = this.pageModel.page.totalPages; const values: number[] = []; if (pages > 10) { for (let i = 6; i > 0; i--) { if (page - i >= 0) { values.push(page - i); } } for (let x = 0; x < 6; x++) { if (page + x < pages) { values.push(page + x); } } } else { for (let y = 0; y < pages; y++) { values.push(y); } } return values; } } 市场折扣的组件://///////////////////////////////////////////////// import {Component, OnInit} from '@angular/core'; import {MarketService} from '../market.service'; import {ActivatedRoute} from '@angular/router'; import {SearchModel} from '../../shared/search.model'; @Component({ templateUrl: './market-rebate-list.component.html' }) export class MarketRebateListComponent implements OnInit { searchModel = new SearchModel(); pageModel: any; platformModel: any; proposerModel: any; constructor(private server: MarketService, private route: ActivatedRoute) { } ngOnInit(): void { this.route.data.forEach((data: { model: any }) => this.pageModel = data.model); /* //获取所有平台*/ this.server.getModels('/api/market_rebate/search/platforms').subscribe(res => this.platformModel = res); /* //获取所有提交人*/ this.server.getModels('/api/market_rebate/search/verifier').subscribe(res => this.proposerModel = res); } searchData() { this.server.getModels('/api/market_rebate/search/find_by_spec?sort=updateDate,desc' + this.searchModel.toQueryParams()).subscribe(res => this.pageModel = res); } deleteRebate(model: any) { if (confirm('你确定要删除折扣ID为:' + model.id + '的折扣吗?')) { this.server.postModel('/api/market_rebate/delete', model).subscribe((res: any) => this.refreshData()); } } refreshData() { this.server.getModels(this.pageModel._links.self.href) .subscribe(data => this.pageModel = data); } } 市场组件预加载:///////////////////////////////////////////////// import {Injectable} from '@angular/core'; import {ActivatedRouteSnapshot, Resolve} from '@angular/router'; import {MarketService} from '../market.service'; import {Observable} from 'rxjs/Observable'; @Injectable() export class MarketRebateResolve implements Resolve<any> { constructor(private server: MarketService) { } resolve(route: ActivatedRouteSnapshot): Observable<any> | boolean { const params = route.params['id']; if (params) { if (params !== 'add') { const id = +route.params['id']; return this.server.getModels('/api/market_rebates/' + id).map(data => { if (data) { return data; } return true; }); } } else { const page = route.params['page'] ? +route.params['page'] : 0; return this.server.getModels('/api/market_rebate/search/find_by_spec?sort=updateDate,DESC&page=' + page).map(data => { if (data) { return data; } else { return false; } }); } } } 拜托各位了

Angular6 在网页加载完毕后执行,不是ngOnInit

我的前端使用Angular6,想要在网页加载完毕后调用Angular的一个方法 在ngOnInit()中测试了,这个方法好像是网页还没加载完毕就执行了。 那么我想在网页全部加载完毕后执行Angular6的某个方法的话要如何做? 看了官方的文档只有下面的生命周期上的钩子: constructor() ngOnChanges() ngOnInt() ngDoCheck() ngAfterContentInit() ngAfterContentChecked() ngAfterViewInit() ngAfterViewChecked() ngOnDestory() 上面的ngAfterContentInit()和ngAfterViewInit() 都测试过了,两个都不是.

angular4中使用谷歌地图googlemap,地图不展示的问题

在angular4里,构建了一个网页应用,在一个地图组件里,我试图调用googlemap的api使用地图服务,但是地图始终不展示出来: ![地图组件代码如图](https://img-ask.csdn.net/upload/201705/17/1495033390_986273.png) 下面是component.html文件的完整代码: <div id="map" ></div> <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD2RsTJUIjfDXs7N2sBIWCE8HPGEu6nxB0&callback=initMap"> </script> <script> alert("s"); // This example adds a marker to indicate the position of Bondi Beach in Sydney, // Australia. function initMap() { var map = new google.maps.Map(document.getElementById('map'), { alert("sss"); zoom: 4, center: {lat: -33, lng: 151} }); var image = 'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png'; var beachMarker = new google.maps.Marker({ position: {lat: -33.890, lng: 151.274}, map: map, icon: image }); } </script> <style> #map { height: 400px; width: 200px; } </style> 有意思的是,这一段我放在在线js工具里,都能出来地图,为什么这里就是出不来呢?可能是什么问题?在css文件里我也定义了宽高了。

angular 路由 a 标签 href 页面跳转 异常问题

最近新学习AngularJs,对于路由配置刚刚起步,遇到一个很迷的问题。 主页面代码如下 ``` <!DOCTYPE html> <html ng-app="index"> <head> <meta charset="utf-8" /> <title>imooc-angular</title> <script src="js/angular-1.6.4/angular.js"></script> <script src="js/angular-1.6.4/angular-route.js"></script> <script src="js/angular-1.6.4/angular-animate.js"></script> <script src="js/index.js"></script> <script src="js/controllers.js"></script> <script src="js/directives.js"></script> <script src="js/filters.js"></script> <script src="js/routes.js"></script> <script src="js/services.js"></script> </head> <body> <a href="#/hello">hello</a> <a href="#/list">list</a> <div ng-view></div> </body> </html> ``` 零件页面代码如下 hello.html ``` <div><span ng-bind="hello"></span>,angular</div> ``` list.html ``` <ul> <li ng-repeat="book in books"> 书名:{{book.title}}&nbsp;&nbsp;&nbsp;作者:{{book.author}} </li> </ul> ``` 各js代码如下,其中filter,routes,services,directives 为只声明了模块的空js index.js ``` var index = angular.module("index",[ 'ngRoute','ngAnimate','indexControllers','indexServices','indexDirectives', 'indexRoutes','indexFilters' ]); index.config(function($routeProvider){ $routeProvider.when('/hello',{ templateUrl:'templates/hello.html', controller:'HelloCtrl' }).when('/list',{ templateUrl:'templates/list.html', controller:'ListCtrl' }).otherwise({ redirectTo:'/hello' }) }); ``` controllers.js ``` var controllers = angular.module("indexControllers",[]); controllers.controller("HelloCtrl",['$scope',function($scope){ $scope.hello = "hello"; }]); controllers.controller("ListCtrl",['$scope',function($scope){ $scope.books=[ {title:"book1",author:"author1"}, {title:"book2",author:"author2"}, {title:"book3",author:"author3"} ] }]); ``` 问题一,直接访问index页面,游览器link为:http://127.0.0.1:8020/imooc-angularJs/index.html#!/hello 为什么地址是#!/hello 问题二,通过A标签互相跳转时不生效,点击跳转后新link为: http://127.0.0.1:8020/imooc-angularJs/index.html#!/hello#%2Flist 或者 http://127.0.0.1:8020/imooc-angularJs/index.html#!/hello#%2Fhello 为什么地址中会有乱码 问题三,在修改A标签,将href="#/hello",hrel="#/list"修改成href="#!/hello",href="#!/list"后,成功跳转 为什么一定要加上这个“!”符号才能成功跳转,是什么样的原理,希望有高手能详细解答

angular4如何获取input输入框里的值

我需要实现这样一个功能,在表单中选择一个日期,这个我是用input的type="date"这个输入框实现的,然后要在angular的组件里获取当前的日期,二者相减得到一个差值,将差值在表单页面一个input框进行展示,但是angular4在组件里应该怎么获取这个input的输入值?

Angular如何实现图片轮播

求问AngularJS如何实现图片轮播功能,或者扔给我个实例的链接..

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

Intellij IDEA 实用插件安利

1. 前言从2020 年 JVM 生态报告解读 可以看出Intellij IDEA 目前已经稳坐 Java IDE 头把交椅。而且统计得出付费用户已经超过了八成(国外统计)。IDEA 的...

搜狗输入法也在挑战国人的智商!

故事总是一个接着一个到来...上周写完《鲁大师已经彻底沦为一款垃圾流氓软件!》这篇文章之后,鲁大师的市场工作人员就找到了我,希望把这篇文章删除掉。经过一番沟通我先把这篇文章从公号中删除了...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

魂迁光刻,梦绕芯片,中芯国际终获ASML大型光刻机

据羊城晚报报道,近日中芯国际从荷兰进口的一台大型光刻机,顺利通过深圳出口加工区场站两道闸口进入厂区,中芯国际发表公告称该光刻机并非此前盛传的EUV光刻机,主要用于企业复工复产后的生产线扩容。 我们知道EUV主要用于7nm及以下制程的芯片制造,光刻机作为集成电路制造中最关键的设备,对芯片制作工艺有着决定性的影响,被誉为“超精密制造技术皇冠上的明珠”,根据之前中芯国际的公报,目...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

2020阿里全球数学大赛:3万名高手、4道题、2天2夜未交卷

阿里巴巴全球数学竞赛( Alibaba Global Mathematics Competition)由马云发起,由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛,全世界爱好数学的人都可参与,不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

百度工程师,获利10万,判刑3年!

所有一夜暴富的方法都写在刑法中,但总有人心存侥幸。这些年互联网犯罪高发,一些工程师高技术犯罪更是引发关注。这两天,一个百度运维工程师的案例传遍朋友圈。1...

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《Oracle Java SE编程自学与面试指南》最佳学习路线图2020年最新版(进大厂必备)

正确选择比瞎努力更重要!

字节跳动面试官竟然问了我JDBC?

轻松等回家通知

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

实时更新:计算机编程语言排行榜—TIOBE世界编程语言排行榜(2020年6月份最新版)

内容导航: 1、TIOBE排行榜 2、总榜(2020年6月份) 3、本月前三名 3.1、C 3.2、Java 3.3、Python 4、学习路线图 5、参考地址 1、TIOBE排行榜 TIOBE排行榜是根据全世界互联网上有经验的程序员、课程和第三方厂商的数量,并使用搜索引擎(如Google、Bing、Yahoo!)以及Wikipedia、Amazon、YouTube统计出排名数据。

阿里面试官让我用Zk(Zookeeper)实现分布式锁

他可能没想到,我当场手写出来了

立即提问
相关内容推荐